templates/default/footer.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  2.     <link href="/static/css/styles.css" media="screen" rel="stylesheet" type="text/css" />
  3.     <link href="/static/css/styles.data.css" media="screen" rel="stylesheet" type="text/css" />
  4.     <link href="/static/css/editmode.css?t={{ date().timestamp }}" media="screen" rel="stylesheet" type="text/css" />
  5.     <div class="backend-settings">
  6.         <div class="sub-setting">
  7.             <label>Footer-Variante</label>
  8.             <div class="setting">
  9.                 {% if pimcore_select("footer-variant").isEmpty() %}
  10.                     {% do pimcore_select("footer-variant").setDataFromResource("gallery") %}
  11.                 {% endif %}
  12.                 {{ pimcore_select("footer-variant", {
  13.                     "store": [
  14.                         ['gallery', 'Galerie'],
  15.                         ['newsletter', 'Newsletter-Anmeldung'],
  16.                         ['empty', 'Nur Menüs']
  17.                     ],
  18.                     "reload": "true"
  19.                 })
  20.                 }}
  21.             </div>
  23.             <label>Sticky Footer</label>
  24.             <div class="setting">
  25.                 {% if pimcore_select("sticky-footer").isEmpty() %}
  26.                     {% do pimcore_select("sticky-footer").setDataFromResource("no") %}
  27.                 {% endif %}
  28.                 {{ pimcore_select("sticky-footer", {
  29.                     "store": [
  30.                         ['yes', 'Ja'],
  31.                         ['no', 'Nein']
  32.                     ],
  33.                     "reload": "true"
  34.                 })
  35.                 }}
  36.             </div>
  37.         </div>
  38.     </div>
  39. {% endif %}
  41. {% set footerVariant = pimcore_select('footer-variant').getData() %}
  43. {% set stickyFooter = pimcore_select('sticky-footer').getData() %}
  45. <footer class="page-footer">
  46.     {% if stickyFooter == 'yes' %}
  48.         {% if editmode %}
  49.         <div class="alert">
  50.             <div class="text-center">
  51.                 <i>Sticky Footer Buttons nur in mobile Version sichtbar</i>
  52.             </div>
  53.         </div>
  54.         <div class="footer-backend">
  55.         {% endif %}
  57.             <div class="mobile-footer">
  58.                 {% for i in pimcore_iterate_block(pimcore_block('footerlink')) %}
  59.                     {{ pimcore_link('button', {'class': 'btn btn--flat'}) }}
  60.                 {% endfor %}
  61.             </div>
  63.         {% if editmode %}
  64.         </div>
  65.         <hr>
  66.         {% endif %}
  67.     {% endif %}
  69.     <div class="container">
  71.         <div class="footer--grid{% if footerVariant == 'empty' %} is-empty{% endif %}">
  73.             <div class="footer--address">
  74.                 <address class="page-footer--address box-shadow">
  75.                     <div class="page-footer--address-logo">
  76.                         {% if not document.getProperty('logo') %}
  77.                             <a href="{{ document.getProperty('mainnavStartNode') }}" class="logo logo--black logo--color"></a>
  78.                         {% else %}
  79.                             <a href="/{{ 'mainnavStartNode'|trans }}">
  80.                                 <img src="{{ document.getProperty('logo') }}" alt="logo">
  81.                             </a>
  82.                         {% endif %}
  83.                     </div>
  84.                     <div>{{ pimcore_wysiwyg('adresse') }}</div>
  85.                     <div>
  86.                         {% if pimcore_website_config('phone') %}
  87.                             <div>{{ 'footer.Tel'|trans }}: <a href="tel:{{ pimcore_website_config('phone')|replace({' ': ''}) }}">
  88.                                     <span>{{ pimcore_website_config('phone') }}</span>
  89.                                 </a>
  90.                             </div>
  91.                         {% endif %}
  92.                         {% if pimcore_website_config('email') %}
  93.                             <div>{{ 'footer.E-Mail'|trans }}: <a href="mailto:{{ pimcore_website_config('email') }}">
  94.                                     <span>{{ pimcore_website_config('email') }}</span>
  95.                                 </a>
  96.                             </div>
  97.                         {% endif %}
  98.                     </div>
  99.                     <a href="{{ document.getProperty('inquiry') }}" class="btn btn--flat">{{ 'footer.Jetzt anfragen'|trans }}</a>
  100.                 </address>
  101.             </div>
  103.             <div class="footer--menus">
  104.                 <div class="footer-menu footer-menu--left">
  105.                     <h5>{{ pimcore_input('footer-menu--left-title') }}</h5>
  106.                     <ul>
  107.                         {% for i in pimcore_iterate_block(pimcore_block('footer-menu--left')) %}
  108.                             <li>
  109.                                 {{ pimcore_link('footer-menu--left-link', {
  110.                                     'class': 'arrow-link',
  111.                                     'textPrefix': '<i class="iconfont-arrow-right"></i>'
  112.                                 }) }}
  113.                             </li>
  114.                         {% endfor %}
  115.                     </ul>
  116.                 </div>
  117.                 <div class="footer-menu footer-menu--right">
  118.                     <h5>{{ pimcore_input('footer-menu--right-title') }}</h5>
  119.                     <ul>
  120.                         {% for i in pimcore_iterate_block(pimcore_block('footer-menu--right')) %}
  121.                             <li>
  122.                                 {{ pimcore_link('footer-menu--right-link', {
  123.                                     'class': 'arrow-link',
  124.                                     'textPrefix': '<i class="iconfont-arrow-right"></i>'
  125.                                 }) }}
  126.                             </li>
  127.                         {% endfor %}
  128.                     </ul>
  129.                 </div>
  130.             </div>
  132.             <div class="footer--widgets">
  133.                 {% if footerVariant == 'gallery' %}
  134.                     <div class="footer--gallery">
  135.                         <h5>{{ 'footer.Galerie'|trans }}</h5>
  136.                         {% if editmode %}
  137.                             <label><strong>Galerie-Link:</strong></label>
  138.                             {{ pimcore_link('footer--gallery-link') }}
  139.                         {% endif %}
  140.                         {% set footerGalleryLink = pimcore_link('footer--gallery-link').getHref() %}
  141.                         <div class="footer--gallery-grid">
  142.                             {% for i in pimcore_iterate_block(pimcore_block('footer--gallery')) %}
  143.                                 {% if not editmode %}<a href="{{ footerGalleryLink }}">{% endif %}
  144.                                     {{ pimcore_image("footer--gallery-image", {
  145.                                         "title": "Bild hierher ziehen",
  146.                                         "width": 160,
  147.                                         "height": 160,
  148.                                         "thumbnail": "footer-gallery"
  149.                                     }) }}
  150.                                     {% if not editmode %}
  151.                                         <span class="overlay"><i class="iconfont-arrow-right"></i></span>
  152.                                     {% endif %}
  153.                                 {% if not editmode %}</a>{% endif %}
  154.                             {% endfor %}
  155.                         </div>
  156.                     </div>
  157.                 {% endif %}
  159.                 {% if footerVariant == 'newsletter' %}
  160.                     <div class="footer--newsletter">
  161.                         <h5>{{ 'footer.Newsletter'|trans }}</h5>
  162.                         <form action="http://newsletter.conecto.at/f/80567-198609/wcs/" method="post" role="form">
  163.                             <div class="newsletter--input">
  164.                                 <input id="4181468" rel="email" type="email" name="email" placeholder="{{ 'footer.Ihre E-Mail-Adresse'|trans }} *" />
  165.                             </div>
  166.                             <div class="newsletter--label" id="4181503" rel="checkbox">
  167.                                 <label>
  168.                                     <input id="ja4181503" type="checkbox" name="1128057[]" required />
  169.                                     <span>{{ 'footer.Hiermit bestätige ich, dass ich die Datenschutzbestimmungen gelesen und akzeptiert habe.'|trans }}</span>
  170.                                 </label>
  171.                             </div>
  172.                             <div class="newsletter--button">
  173.                                 <button type="submit" class="btn btn--flat">{{ 'footer.Anmelden'|trans }}</button>
  174.                             </div>
  175.                         </form>
  176.                     </div>
  177.                 {% endif %}
  179.             </div>
  181.             <div class="footer--info">
  182.                 <div class="footer--bottom">
  183.                     <a href="//www.conecto.at" target="_blank" class="logo--flat"></a>
  184.                 </div>
  185.             </div>
  187.         </div>
  189.     </div>
  190. </footer>