custom/plugins/ThemeOkeonline/src/Resources/views/storefront/layout/footer/versions/version-02/footer.html.twig line 1

Open in your IDE?
  1. {% extends '@Storefront/storefront/layout/footer/footer.html.twig' %}
  3. {% block layout_footer_inner_container %}
  4.     <div class="footer-container">
  5.         {% if theme_config('footerSettingsLayoutDisplayFooterTop') %}
  6.             {% block layout_footer_top %}
  7.                 <div class="footer-top">
  8.                     {% block layout_footer_top_container %}
  9.                         <div class="{% if theme_config('footerStylesLayoutContainer') == 'boxed' %}container{% else %}container-fluid{% endif %}">
  10.                             <div class="row justify-content-between">
  11.                                 {% set serviceMdSize = 8 %}
  12.                                 {% set serviceLgSize = 6 %}
  14.                                 {% if theme_config('footerStylesLayoutCustomerServiceOccupyImageWhitespace') %}
  15.                                     {% if theme_config('footerStylesLayoutFooterServiceImage') is empty %}
  16.                                         {% set serviceLgSize = serviceLgSize + 3 %}
  17.                                     {% endif %}
  18.                                 {% endif %}
  20.                                 {% if theme_config('footerStylesLayoutCustomerServiceOccupyNewsletterWhitespace') %}
  21.                                     {% if theme_config('footerSettingsNewsletterForm') is empty %}
  22.                                         {% set serviceMdSize = serviceMdSize + 4 %}
  23.                                         {% set serviceLgSize = serviceLgSize + 3 %}
  24.                                     {% endif %}
  25.                                 {% endif %}
  27.                                 {% if theme_config('footerStylesLayoutFooterServiceImage') or theme_config('footerStylesLayoutCustomerServiceOccupyImageWhitespace') is false %}
  28.                                     {% block base_footer_column_1_wrapper %}
  29.                                         <div class="col-lg-3 d-none d-lg-flex align-items-end pl-0 pr-0"> {#col-lg-2#}   
  30.                                             {% block base_footer_service_image_wrapper %}                                        
  31.                                                 {% sw_include '@Storefront/storefront/layout/footer/footer-content-renderer.html.twig' ignore missing with { 
  32.                                                     footerContent: theme_config('footerStylesLayoutFooterTopLeft'),
  33.                                                     footerImage: theme_config('footerStylesLayoutFooterServiceImage'),
  34.                                                     footerLocation: 'top',
  35.                                                 } %}
  36.                                             {% endblock %}
  37.                                         </div>
  38.                                     {% endblock %}
  39.                                 {% endif %}
  41.                                 {% block base_footer_column_2_wrapper %}
  42.                                     <div class="col-12 col-sm-12 col-md-{{ serviceMdSize }} col-lg-{{ serviceLgSize }}"> {#offset-lg-1#}
  43.                                         {% sw_include '@Storefront/storefront/layout/footer/footer-content-renderer.html.twig' ignore missing with { 
  44.                                             footerContent: theme_config('footerStylesLayoutFooterTopCenter'),
  45.                                             footerImage: theme_config('footerStylesLayoutFooterServiceImage'),
  46.                                             footerLocation: 'top',
  47.                                         } %}
  48.                                     </div>
  49.                                 {% endblock %}
  51.                                 {% if theme_config('footerSettingsNewsletterForm') or theme_config('footerStylesLayoutCustomerServiceOccupyNewsletterWhitespace') is false %}
  52.                                     {% block base_footer_column_3_wrapper %}
  53.                                         <div class="col-12 col-sm-12 col-md-4 col-lg-3 d-block d-sm-none d-md-block d-lg-block">
  54.                                             {% sw_include '@Storefront/storefront/layout/footer/footer-content-renderer.html.twig' ignore missing with { 
  55.                                                 footerContent: theme_config('footerStylesLayoutFooterTopRight'),
  56.                                                 footerImage: theme_config('footerStylesLayoutFooterServiceImage'),
  57.                                                 footerLocation: 'top',
  58.                                             } %}
  59.                                         </div>
  60.                                     {% endblock %}
  61.                                 {% endif %}
  62.                             </div>
  63.                         </div>
  64.                     {% endblock %}
  65.                 </div>
  66.             {% endblock %}
  67.         {% endif %}
  69.         {# Footer navigation tree #}
  70.         {% if theme_config('footerSettingsLayoutDisplayFooterCenter') %}
  71.             {% block layout_footer_center %}
  72.                 <div class="footer-center">
  73.                     {% block layout_footer_center_container %}
  74.                         <div class="{% if theme_config('footerStylesLayoutContainer') == 'boxed' %}container{% else %}container-fluid{% endif %}">
  75.                             {% block layout_footer_navigation %}
  76.                                 <div class="row">
  77.                                     <div id="footerColumns"
  78.                                         class="row footer-columns {% if theme_config('footerStylesLayoutFooterCenterRight') != 'none' %}col-12 col-md-9{% else %}col-12{% endif %}"
  79.                                         data-collapse-footer="true">
  81.                                         {% block layout_footer_navigation_columns %}
  82.                                             {% for root in page.footer.navigation.tree %}
  83.                                                 {% block layout_footer_navigation_column %}
  84.                                                     <div class="col-md-3 footer-column js-footer-column">
  85.                                                         {% block layout_footer_navigation_information_headline %}
  86.                                                             <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger {{ theme_config('footerStylesFooterCenterTitleFont') }}"
  87.                                                                 data-target="#collapseFooterTitle{{ loop.index }}"
  88.                                                                 aria-expanded="false"
  89.                                                                 role="navigation"
  90.                                                                 aria-controls="collapseFooter{{ loop.index }}">
  92.                                                                 {% if root.category.type == 'folder' %}
  93.                                                                     {{ root.category.translated.name }}
  94.                                                                 {% else %}
  95.                                                                     <a href="{{ category_url(root.category) }}"
  96.                                                                     {% if category_linknewtab(root.category) %}target="_blank"{% endif %}
  97.                                                                     title="{{ root.category.translated.name }}">
  98.                                                                         {{ root.category.translated.name }}
  99.                                                                     </a>
  100.                                                                 {% endif %}
  101.                                                                 {% block layout_footer_navigation_information_icons %}
  102.                                                                     <div class="footer-column-toggle">
  103.                                                                         <span class="footer-plus-icon">
  104.                                                                             <i class="far fa-plus"></i>
  105.                                                                         </span>
  106.                                                                         <span class="footer-minus-icon">
  107.                                                                             <i class="far fa-minus"></i>
  108.                                                                         </span>
  109.                                                                     </div>
  110.                                                                 {% endblock %}
  111.                                                             </div>
  112.                                                         {% endblock %}
  114.                                                         {% block layout_footer_navigation_information_content %}
  115.                                                             <div id="collapseFooter{{ loop.index }}"
  116.                                                                 class="footer-column-content collapse js-footer-column-content"
  117.                                                                 aria-labelledby="collapseFooterTitle{{ loop.index }}">
  118.                                                                 <div class="footer-column-content-inner">
  119.                                                                     {% block layout_footer_navigation_information_links %}
  120.                                                                         <ul class="list-unstyled">
  121.                                                                             {% for treeItem in root.children %}
  122.                                                                                 {% set category = treeItem.category %}
  123.                                                                                 {% set name = category.translated.name %}
  125.                                                                                 {# @deprecated tag:v6.5.0 - Use "category.translated.externalLink" directly or category_url function instead. #}
  126.                                                                                 {% set externalLink = category.translated.externalLink %}
  128.                                                                                 {% block layout_footer_navigation_information_link_item %}
  129.                                                                                     <li class="footer-link-item">
  130.                                                                                         {% block layout_footer_navigation_information_link %}
  131.                                                                                             {% if category.type == 'folder' %}
  132.                                                                                                 <div>{{ name }}</div>
  133.                                                                                             {% else %}
  134.                                                                                                 <a class="footer-link"
  135.                                                                                                 href="{{ category_url(category) }}"
  136.                                                                                                 {% if category_linknewtab(category) %}target="_blank"{% endif %}
  137.                                                                                                 title="{{ name }}">
  138.                                                                                                     {{ name }}
  139.                                                                                                 </a>
  140.                                                                                             {% endif %}
  141.                                                                                         {% endblock %}
  142.                                                                                     </li>
  143.                                                                                 {% endblock %}
  144.                                                                             {% endfor %}
  145.                                                                         </ul>
  146.                                                                     {% endblock %}
  147.                                                                 </div>
  148.                                                             </div>
  149.                                                         {% endblock %}
  150.                                                     </div>
  151.                                                 {% endblock %}
  152.                                             {% endfor %}
  153.                                         {% endblock %}
  154.                                     </div>
  156.                                     {# Using default block-name here for backwards-compatibility #}
  157.                                     {% block layout_footer_center_right %}
  158.                                         <div class="col-12 col-md-3">
  159.                                             {% sw_include '@Storefront/storefront/layout/footer/footer-content-renderer.html.twig' ignore missing with { 
  160.                                                 footerContent: theme_config('footerStylesLayoutFooterCenterRight'),
  161.                                                 footerImage: theme_config('footerStylesLayoutFooterCenterImage'),
  162.                                                 footerLocation: 'center',
  163.                                             } %}
  164.                                         </div>
  165.                                     {% endblock %}
  166.                                 </div>
  167.                             {% endblock %}
  168.                         </div>
  169.                     {% endblock %}
  170.                 </div>
  171.             {% endblock %}
  172.         {% endif %}
  174.         {% if theme_config('footerSettingsLayoutDisplayFooterBottom') %}
  175.             {% block layout_footer_bottom %}
  176.                 <div class="footer-bottom">
  177.                     {% block layout_footer_bottom_container %}
  178.                         <div class="{% if theme_config('footerStylesLayoutContainer') == 'boxed' %}container{% else %}container-fluid{% endif %}">
  179.                             <div class="row d-flex justify-content-between align-content-center">
  180.                                 {% block layout_footer_bottom_content %}
  182.                                     {# Using default block-name here for backwards-compatibility #}
  183.                                     {% block layout_footer_service_menu %}
  184.                                         <div class="col-auto">
  185.                                             {% block layout_footer_service_menu_content %}
  186.                                                 {% sw_include '@Storefront/storefront/layout/footer/footer-content-renderer.html.twig' ignore missing with { 
  187.                                                     footerContent: theme_config('footerStylesLayoutFooterBottomLeft'),
  188.                                                     footerImage: theme_config('footerStylesLayoutFooterBottomImage'),
  189.                                                     footerLocation: 'bottom',
  190.                                                 } %}
  191.                                             {% endblock %}
  192.                                         </div>
  193.                                     {% endblock %}
  195.                                     {# Using default block-name here for backwards-compatibility #}
  196.                                     {% block layout_footer_copyright %}
  197.                                         <div class="col-auto">
  198.                                             {% block layout_footer_copyright_content %}
  199.                                                 {% sw_include '@Storefront/storefront/layout/footer/footer-content-renderer.html.twig' ignore missing with { 
  200.                                                     footerContent: theme_config('footerStylesLayoutFooterBottomCenter'),
  201.                                                     footerImage: theme_config('footerStylesLayoutFooterBottomImage'),
  202.                                                     footerLocation: 'bottom',
  203.                                                 } %}
  204.                                             {% endblock %}
  205.                                         </div>
  206.                                     {% endblock %}
  208.                                     {# Using default block-name here for backwards-compatibility #}
  209.                                     {% block layout_footer_payment_shipping_logos %}
  210.                                         <div class="col-auto">
  211.                                             {% block layout_footer_payment_shipping_logos_content %}
  212.                                                 {% sw_include '@Storefront/storefront/layout/footer/footer-content-renderer.html.twig' ignore missing with { 
  213.                                                     footerContent: theme_config('footerStylesLayoutFooterBottomRight'),
  214.                                                     footerImage: theme_config('footerStylesLayoutFooterBottomImage'),
  215.                                                     footerLocation: 'bottom',
  216.                                                 } %}
  217.                                             {% endblock %}
  218.                                         </div>
  219.                                     {% endblock %}
  220.                                 {% endblock %}
  221.                             </div>
  222.                         </div>
  223.                     {% endblock %}
  224.                 </div>
  225.             {% endblock %}
  226.         {% endif %}
  227.     </div>
  228. {% endblock %}