templates/content/footer.html.twig line 1

Open in your IDE?
  1. <div class="{{ editmode ? 'footer-container-editmode' : 'footer-container' }}">
  2.     <section class="{{ editmode ? 'footer-snippet-editmode' : 'footer-section' }}">
  3.         {% if editmode %}
  4.             {% block scripts %}
  5.                 {{ encore_entry_script_tags('app') }}
  6.             {% endblock %}
  7.             {% block stylesheets %}
  8.                 {{ encore_entry_link_tags('style') }}
  9.             {% endblock %}
  10.             {% block head_links %}
  11.                 {{ pimcore_head_link() }}
  12.             {% endblock %}
  13.             <br>
  14.             <span>Background image:</span>
  15.             <br>
  16.             {{ pimcore_image('background-image', {
  17.                 width: 500,
  18.                 height: 250
  19.             }) }}
  20.             <h2>Footer top section</h2>
  21.             <div class="m-5 shadow-card bg-gray-100 p-5">
  22.                 <h3>Items of first level navigation:</h3>
  23.                 {% for i in pimcore_iterate_block(pimcore_block('nav-one')) %}
  24.                     {{ pimcore_link('nav-one-item' ~ i) }}
  25.                 {% endfor %}
  26.             </div>
  28.             <br/><br/>
  29.             <p>
  30.                 Facebook {{ pimcore_input('facebook', {
  31.                     width: 400,
  32.                     placeholder: 'facebook url'
  33.                 }) }}
  34.             </p>
  35.             <p>
  36.                 Instagram {{ pimcore_input('instagram', {
  37.                     width: 400,
  38.                     placeholder: 'instagram url'
  39.                 }) }}
  40.             </p>
  41.             <p>
  42.                 Youtube {{ pimcore_input('youtube', {
  43.                     width: 400,
  44.                     placeholder: 'youtube url'
  45.                 }) }}
  46.             </p>
  48.             <br>
  49.             <br>
  50.             <h3>Items of second level navigation:</h3>
  51.             <div class="m-5 shadow-card bg-gray-100 p-5">
  52.                 {% for i in pimcore_iterate_block(pimcore_block('nav-two-navigation-links')) %}
  53.                     {{ pimcore_link('nav-two-navigation-links' ~ i) }}
  54.                 {% endfor %}
  55.             </div>
  56.             <br>
  57.             <br>
  59.             <h2>Footer bottom section</h2>
  60.             <p>Copyright text:</p>
  61.             {{ pimcore_input('copyright-text', {
  62.                 width: 800
  63.             }) }}
  64.             <br>
  65.             <br>
  66.             <div class="m-5 shadow-card bg-gray-100 p-5">
  67.                 <h3>Items of bottom section:</h3>
  68.                 {% for i in pimcore_iterate_block(pimcore_block('nav-bottom')) %}
  69.                     {{ pimcore_link('nav-bottom-item' ~ i) }}
  70.                 {% endfor %}
  71.             </div>
  72.             <br>
  73.             <br>
  74.         {% else %}
  75.             <div class="flex justify-center mt-20">
  76.                 {{ pimcore_image('background-image') }}
  77.             </div>
  78.             <div class="bg-gray-200 dark:bg-black dark:text-white w-full">
  79.                 <div class="container px-5">
  80.                     <div class="flex flex-col md:flex-row gap-5 md:justify-end py-5 align-center">
  81.                         <div class="flex-1 md:flex-initial">
  82.                             <div class="flex flex-col">
  83.                                 <div class="flex-1">
  84.                                     <div class="flex flex-col md:flex-row gap-5 md:justify-end align-center py-5 font-mont-heavy text-xs uppercase text-dark-blue">
  85.                                         {% if pimcore_input('facebook') %}
  86.                                             <div class="md:flex-none text-sm hidden md:flex">
  87.                                                 <a href="{{ pimcore_input('facebook') }}" target="_blank" class="inline-block align-middle hover:text-blue-light transition-all"><i class="icon-facebook"></i></a>
  88.                                             </div>
  89.                                         {% endif %}
  90.                                         {% if pimcore_input('instagram') %}
  91.                                             <div class="md:flex-none text-sm hidden md:flex">
  92.                                                 <a href="{{ pimcore_input('instagram') }}" target="_blank" class="inline-block align-middle hover:text-blue-light transition-all"><i class="icon-instagram"></i></a>
  93.                                             </div>
  94.                                         {% endif %}
  95.                                         {% if pimcore_input('youtube') %}
  96.                                             <div class="md:flex-none text-sm hidden md:flex">
  97.                                                 <a href="{{ pimcore_input('youtube') }}" target="_blank" class="inline-block align-middle hover:text-blue-light transition-all"><i class="icon-youtube"></i></a>
  98.                                             </div>
  99.                                         {% endif %}
  100.                                         {% for i in pimcore_iterate_block(pimcore_block('nav-two-navigation-links')) %}
  101.                                             <div class="flex-1 md:flex-none">
  102.                                                 {{ pimcore_link('nav-two-navigation-links' ~ i) }}
  103.                                             </div>
  104.                                         {% endfor %}
  105.                                     </div>
  106.                                 </div>
  107.                                 <div class="flex-1">
  108.                                     <div class="flex flex-col md:flex-row gap-5 md:justify-end py-5">
  109.                                         {% for i in pimcore_iterate_block(pimcore_block('nav-one')) %}
  110.                                             <div class="flex-1 md:flex-none font-mont-heavy text-xs uppercase text-dark-blue">
  111.                                                 {{ pimcore_link('nav-one-item' ~ i) }}
  112.                                             </div>
  113.                                         {% endfor %}
  114.                                     </div>
  115.                                 </div>
  116.                             </div>
  117.                         </div>
  118.                     </div>
  119.                 </div>
  120.             </div>
  121.             <div class="z-10 relative bg-blue-dark dark:bg-[#171717] px-5 py-5">
  122.                 <div class="container">
  123.                     <div class="flex flex-col md:flex-row gap-5 text-white md:justify-end py-5">
  124.                         <div class="flex-1 font-rubik-light text-xs text-white pb-5 md:pb-0">
  125.                             {{ pimcore_input('copyright-text') }}
  126.                         </div>
  127.                         {% for i in pimcore_iterate_block(pimcore_block('nav-bottom')) %}
  128.                             <div class="flex-1 md:flex-none font-mont-heavy text-xs uppercase">
  129.                                 {{ pimcore_link('nav-bottom-item' ~ i) }}
  130.                             </div>
  131.                         {% endfor %}
  132.                     </div>
  133.                 </div>
  134.             </div>
  135.         {% endif %}
  136.     </section>
  137. </div>