src/Develey/SpechtBundle/Resources/views/Includes/footer.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  2.     {# styles only for editmode #}
  3.     <link rel="stylesheet" href="{{ asset('static/'~bundleName~'/css/styles.css') }}">
  4.     <link rel="stylesheet" href="{{ asset('static/'~bundleName~'/css/editmode.css') }}">
  5. {% endif %}
  6. <footer>
  7.     <div class="section row">
  8.         <div class="main-content flex-col box-center offset-single">
  9.             <div class="xs-12 flex-col">
  10.                 <div class="col xs-12 m-2 l-3 logo-cell">
  11.                     <div class="logo">
  12.                         {{ pimcore_image("footerLogo", {
  13.                             "title": "Drag your image here",
  14.                             "width": 155,
  15.                             "height": 90,
  16.                             "thumbnail": "footerimage"
  17.                         }) }}
  18.                     </div>
  19.                 </div>
  20.                 <div class="col xs-12 m-3 l-3">
  21.                     <div class="footer-box footer-link-list">
  22.                         <h4> {{ pimcore_input("footerHeadlineOne") }}</h4>
  23.                         <ul class="level-0">
  24.                             {% for i in pimcore_iterate_block(pimcore_block('footerBlockOnelinks')) %}
  25.                                 <li>{{ pimcore_link('myLink', {'class': "footer-item"}) }}</li>
  26.                             {% endfor %}
  27.                         </ul>
  28.                     </div>
  29.                 </div>
  30.                 <div class="col xs-12 m-3 l-3">
  31.                     <div class="footer-box footer-link-list">
  32.                         <h4> {{ pimcore_input("footerHeadlineTwo") }}</h4>
  33.                         <ul class="level-0">
  34.                             {% for i in pimcore_iterate_block(pimcore_block('footerBlockTwolinks')) %}
  35.                                 <li>{{ pimcore_link('myLink', {'class': "footer-item"}) }}</li>
  36.                             {% endfor %}
  37.                         </ul>
  38.                     </div>
  39.                 </div>
  40.                 <div class="col xs-12 m-4 l-3">
  41.                     <div class="footer-box footer-link-list">
  42.                         <h4>{{ pimcore_input("footerBlockThreeHeadline") }}</h4>
  44.                         {% if editmode %}
  45.                             <span class="hint">{{ 'admin.footer.hint.addFooterLinks' |trans }}</span>
  47.                             {% for i in pimcore_iterate_block(pimcore_block('footerBlockThreelinks')) %}
  48.                                 <div>{{ pimcore_link('myLink', {'class': "footer-item"}) }}</div>
  49.                             {% endfor %}
  51.                         {% else %}
  53.                             {% if pimcore_link("myLink").getHref() != true %}
  54.                                 <ul>
  55.                                     {% for i in pimcore_iterate_block(pimcore_block('footerBlockThreelinks')) %}
  56.                                         <li>{{ pimcore_link('myLink', {'class': "footer-item"}) }}</li>
  57.                                     {% endfor %}
  58.                                 </ul>
  59.                             {% endif %}
  61.                         {% endif %}
  63.                         {% if editmode %}
  64.                             <div class="offset-top-single">
  65.                                 <span class="hint">{{ 'admin.footer.hint.addSocialMedia' |trans }}</span>
  66.                                 {% for i in pimcore_iterate_block(pimcore_block('social-icons')) %}
  67.                                     <div class="offset-bottom-single">
  68.                                         <div class="small-offset">
  69.                                             <span class="hint">{{ 'admin.footer.hint.selectSocialMedia' |trans }}</span>
  70.                                             {{ pimcore_select("selectSocial", {
  71.                                                 "store": [
  72.                                                     ["facebook", "Facebook"],
  73.                                                     ["twitter", "Twitter"],
  74.                                                     ["instagram", "Instagram"],
  75.                                                     ["youtube", "Youtube"],
  76.                                                     ["", "Other"]
  77.                                                 ]
  78.                                             }) }}
  79.                                         </div>
  81.                                         <div class="small-offset">
  82.                                             <span class="hint">{{ 'admin.footer.hint.admin.footer.hint.addLink' |trans }}</span>
  83.                                             {{ pimcore_link('socialLink') }}
  84.                                         </div>
  86.                                         <div class="small-offset">
  87.                                             <span class="hint">{{ 'admin.footer.hint.admin.footer.hint.addOrSelectIcon' |trans }}</span>
  88.                                             {{ pimcore_image("socialIcon", {
  89.                                                 "title": "Drag your image here",
  90.                                                 "width": 150,
  91.                                                 "height": 150,
  92.                                                 "thumbnail": "socialMediaIcon"
  93.                                             }) }}
  94.                                         </div>
  95.                                     </div>
  96.                                 {% endfor %}
  97.                             </div>
  98.                         {% else %}
  99.                             <ul class="social-icons">
  100.                                 {% for i in pimcore_iterate_block(pimcore_block('social-icons')) %}
  102.                                     {% if not pimcore_link('socialLink').isEmpty()  %}
  103.                                         <li>
  104.                                             <a href="{{ pimcore_link('socialLink').getHref() }}" target="_blank" rel="noopener"
  105.                                                     {% if not pimcore_select("selectSocial").isEmpty() %}
  106.                                                 aria-label="{{pimcore_select("selectSocial")}}"
  107.                                                     {% endif %}>
  108.                                                 {% if not pimcore_image("socialIcon").isEmpty() %}
  109.                                                     {{ pimcore_image("socialIcon").getThumbnail("SocialIcon").getHtml() |raw  }}
  110.                                                 {% else %}
  111.                                                     {% if not pimcore_select("selectSocial").isEmpty() %}
  112.                                                         <span class="icon {{pimcore_select("selectSocial")}}"></span>
  113.                                                     {% endif %}
  114.                                                 {% endif %}
  115.                                             </a>
  116.                                         </li>
  117.                                     {% endif %}
  119.                                 {% endfor %}
  120.                             </ul>
  121.                         {% endif %}
  123.                     </div>
  124.                 </div>
  125.                 <div class="col xs-12">
  126.                     <div class="footer-text">
  127.                         {{ pimcore_wysiwyg("footerTextMiddle", {
  128.                             'placeholder': 'Footer Text'
  129.                         }) }}
  130.                     </div>
  131.                 </div>
  132.             </div>
  133.         </div>
  134.     </div>
  135. </footer>