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

Open in your IDE?
  1. {% extends '@Storefront/storefront/layout/header/header.html.twig' %}
  3. {% block layout_header %}
  4.     {% if theme_config('headerSettingsLayoutDisplayHeaderTop') %}
  5.         {% block layout_top_bar %}
  6.             {% block layout_header_top_bar %}
  7.                 <div class="header-top">
  8.                     <div class="header-top-container {% if theme_config('headerStylesLayoutContainer') == 'boxed' %}container{% else %}container-fluid{% endif %}">
  9.                         {% block layout_header_top_left_wrapper %}
  10.                             <div class="header-top-left">
  11.                                 {% block layout_header_top_left_container %}
  12.                                     {% sw_include '@Storefront/storefront/layout/header/header-content-renderer.html.twig' ignore missing with { 
  13.                                         headerContent: theme_config('headerStylesLayoutHeaderTopLeft'),
  14.                                         headerImage: theme_config('headerStylesLayoutHeaderTopImage'),
  15.                                         headerLocation: 'top',
  16.                                     } %}
  17.                                 {% endblock %}
  18.                             </div>
  19.                         {% endblock %}
  21.                         {% block layout_header_top_middle_wrapper %}
  22.                             <div class="header-top-middle">
  23.                                 {% block layout_header_top_middle_container %}
  24.                                     {% sw_include '@Storefront/storefront/layout/header/header-content-renderer.html.twig' ignore missing with { 
  25.                                         headerContent: theme_config('headerStylesLayoutHeaderTopMiddle'),
  26.                                         headerImage: theme_config('headerStylesLayoutHeaderTopImage'),
  27.                                         headerLocation: 'top',
  28.                                     } %}
  29.                                 {% endblock %}
  30.                             </div>
  31.                         {% endblock %}
  33.                         {% block layout_header_top_right_wrapper %}
  34.                             <div class="header-top-right">
  35.                                 {% block layout_header_top_right_container %}
  36.                                     {% sw_include '@Storefront/storefront/layout/header/header-content-renderer.html.twig' ignore missing with { 
  37.                                         headerContent: theme_config('headerStylesLayoutHeaderTopRight'),
  38.                                         headerImage: theme_config('headerStylesLayoutHeaderTopImage'),
  39.                                         headerLocation: 'top',
  40.                                     } %}
  41.                                 {% endblock %}
  42.                             </div>
  43.                         {% endblock %}
  44.                     </div>
  45.                 </div>
  46.             {% endblock %}
  47.         {% endblock %}
  48.     {% endif %}
  50.     {% if theme_config('headerSettingsLayoutDisplayHeaderCenter') %}
  51.         {% block layout_header_navigation %}
  52.             <div class="header-center">
  53.                 <div class="header-center-container {% if theme_config('headerStylesLayoutContainer') == 'boxed' %}container{% else %}container-fluid{% endif %}">
  54.                     <div class="header-center-left">
  55.                         {% block layout_header_logo %}
  56.                             <div class="header-logo-col">
  57.                                 {% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %}
  58.                             </div>
  59.                         {% endblock %}
  60.                     </div>
  62.                     <div class="header-center-middle d-flex flex-row justify-content-center">
  63.                         {% if theme_config('headerStylesMobileMenuLayoutVersion') == 'version-03' %}
  64.                             {% block layout_header_bar_hamburger %}
  65.                                 <div class="header-action d-inline-block d-lg-none">
  66.                                     <div class="header-account-menu">
  67.                                         {% sw_include '@parent/storefront/layout/header/actions/hamburger-widget.html.twig' %}
  68.                                     </div>
  69.                                 </div>
  70.                             {% endblock %}
  71.                         {% endif %}
  72.                         {% block layout_header_search %}
  73.                             {% sw_include '@parent/storefront/layout/header/search-expanded.html.twig' %}
  74.                         {% endblock %}
  75.                         {% if theme_config('headerSettingsLayoutDisplayHeaderLanguage') %}
  76.                             {% block layout_header_bar_language %}
  77.                                 {% sw_include '@parent/storefront/layout/header/actions/language-widget.html.twig' %}
  78.                             {% endblock %}
  79.                         {% endif %}
  80.                     </div>
  82.                     {% block layout_header_center_right_wrapper %}
  83.                         <div class="header-center-right d-{{ theme_config('headerStylesMobileHeaderCenterRightDisplay') }} d-{{ theme_config('headerStylesMobileHeaderCenterRightBreakpointFlex') }}-flex">
  84.                             {% block layout_header_center_right_extra %}
  85.                                 {% sw_include '@Storefront/storefront/layout/header/header-content-renderer.html.twig' ignore missing with { 
  86.                                     headerContent: theme_config('headerStylesLayoutHeaderCenterRight'),
  87.                                     headerImage: theme_config('headerStylesLayoutHeaderTopImage'),
  88.                                     headerLocation: 'center',
  89.                                 } %}
  90.                             {% endblock %}
  92.                             {% block layout_header_actions %}
  93.                                 {% block layout_header_search_toggle %}
  94.                                     {# Adding element but hiding, to prevent js error #}
  95.                                     <div class="col-auto d-none">
  96.                                         <div class="search-toggle">
  97.                                             <button class="btn header-actions-btn search-toggle-btn js-search-toggle-btn collapsed" type="button" data-toggle="collapse" data-target="#searchCollapse" aria-expanded="false" aria-controls="searchCollapse" aria-label="{{ "header.searchButton"|trans|striptags }}">
  98.                                                 {% sw_icon 'search' %}
  99.                                             </button>
  100.                                         </div>
  101.                                     </div>
  102.                                 {% endblock %}
  104.                                 {% if config('core.cart.wishlistEnabled') %}
  105.                                     {% block layout_header_actions_wishlist %}
  106.                                         <div class="header-action">
  107.                                             <div class="header-wishlist">
  108.                                                 <a class="btn header-wishlist-btn header-actions-btn" href="{{ path('frontend.wishlist.page') }}" title="{{ 'header.wishlist'|trans|striptags }}" aria-label="{{ 'header.wishlist'|trans|striptags }}">
  109.                                                     {% sw_include '@Storefront/storefront/layout/header/actions/wishlist-widget.html.twig' %}
  110.                                                 </a>
  111.                                             </div>
  112.                                         </div>
  113.                                     {% endblock %}
  114.                                 {% endif %}
  115.                                 
  116.                                 
  117.                                 {% block layout_header_actions_account %}
  118.                                     <div class="header-action d-{{ theme_config('headerStylesMobileHeaderCenterRightDisplay') }} d-{{ theme_config('headerStylesMobileHeaderCenterRightBreakpointFlex')|default('md') }}-flex">
  119.                                         <div class="header-account-menu">
  120.                                             {% sw_include '@parent/storefront/layout/header/actions/account-widget.html.twig' %}
  121.                                         </div>
  122.                                     </div>
  123.                                 {% endblock %}
  124.                                 {% block layout_header_actions_cart %}
  125.                                     <div class="header-action d-{{ theme_config('headerStylesMobileHeaderCenterRightDisplay') }} d-{{ theme_config('headerStylesMobileHeaderCenterRightBreakpointFlex')|default('md') }}-flex">
  126.                                         <div class="header-cart" data-offcanvas-cart="true">
  127.                                             <a class="btn header-cart-btn header-actions-btn" href="{{ path('frontend.checkout.cart.page') }}" data-cart-widget="true" title="{{ 'checkout.cartTitle'|trans|striptags }}" aria-label="{{ 'checkout.cartTitle'|trans|striptags }}">
  128.                                                 {% sw_include '@Storefront/storefront/layout/header/actions/cart-widget.html.twig' %}
  129.                                             </a>
  130.                                         </div>
  131.                                     </div>
  132.                                 {% endblock %}
  133.                             {% endblock %}
  134.                         </div>
  135.                     {% endblock %}
  136.                 </div>
  137.             </div>
  138.         {% endblock %}
  139.     {% endif %}
  141.     {% if theme_config('headerSettingsLayoutDisplayHeaderBottom') %}
  142.         {% block layout_header_main_navigation %}
  143.             <div class="header-bottom{% if theme_config('headerSettingsLayoutHighlightFirstItem') %} highlight-first{% endif %}">
  144.                 <div class="header-bottom-container {% if theme_config('headerStylesLayoutContainer') == 'boxed' %}container{% else %}container-fluid{% endif %}">
  145.                     <div class="header-bottom-left">
  146.                         {% block base_navigation_inner %}
  147.                             {% sw_include '@parent/storefront/layout/navigation/navigation.html.twig' %}
  148.                         {% endblock %}
  149.                         {% block layout_header_navigation_toggle %}{% endblock %}
  150.                     </div>
  151.                     {% block layout_header_bottom_middle_wrapper %}
  152.                         <div class="header-bottom-middle">
  153.                             {% block layout_header_bottom_middle_container %}
  154.                                 {% sw_include '@Storefront/storefront/layout/header/header-content-renderer.html.twig' ignore missing with { 
  155.                                     headerContent: theme_config('headerStylesLayoutHeaderBottomMiddle'),
  156.                                     headerImage: theme_config('headerStylesLayoutHeaderBottomImage'),
  157.                                     headerLocation: 'bottom',
  158.                                 } %}
  159.                             {% endblock %}
  160.                         </div>
  161.                     {% endblock %}
  163.                     {% block layout_header_bottom_right_wrapper %}
  164.                         <div class="header-bottom-right">
  165.                             {% block layout_header_bottom_right_container %}
  166.                                 {% sw_include '@Storefront/storefront/layout/header/header-content-renderer.html.twig' ignore missing with { 
  167.                                     headerContent: theme_config('headerStylesLayoutHeaderBottomRight'),
  168.                                     headerImage: theme_config('headerStylesLayoutHeaderBottomImage'),
  169.                                     headerLocation: 'bottom',
  170.                                 } %}
  171.                             {% endblock %}
  172.                         </div>
  173.                     {% endblock %}
  174.                 </div>
  175.             </div>
  176.         {% endblock %}
  177.     {% endif %}
  179.     {# 'tail' of bottom can contain various things like USP's or extra (sub)categories #}
  180.     {% if theme_config('headerSettingsLayoutDisplayHeaderBottomTail') %}
  181.         {% block layout_header_bottom_tail_navigation %}
  182.             <div class="header-bottom-tail">
  183.                 <div class="header-bottom-tail-container {% if theme_config('headerStylesLayoutContainer') == 'boxed' %}container{% else %}container-fluid{% endif %}">
  184.                     {% block layout_header_bottom_tail_left_wrapper %}
  185.                         <div class="header-bottom-tail-left">
  186.                             {% block layout_header_bottom_tail_left_container %}
  187.                                 {% sw_include '@Storefront/storefront/layout/header/header-content-renderer.html.twig' ignore missing with { 
  188.                                     headerContent: theme_config('headerStylesLayoutHeaderBottomTailLeft'),
  189.                                     headerImage: theme_config('headerStylesLayoutHeaderBottomTailImage'),
  190.                                     headerLocation: 'bottomTail',
  191.                                 } %}
  192.                             {% endblock %}
  193.                         </div>
  194.                     {% endblock %}
  196.                     {% block layout_header_bottom_tail_middle_wrapper %}
  197.                         <div class="header-bottom-tail-middle">
  198.                             {% block layout_header_bottom_tail_middle_container %}
  199.                                 {% sw_include '@Storefront/storefront/layout/header/header-content-renderer.html.twig' ignore missing with { 
  200.                                     headerContent: theme_config('headerStylesLayoutHeaderBottomTailMiddle'),
  201.                                     headerImage: theme_config('headerStylesLayoutHeaderBottomTailImage'),
  202.                                     headerLocation: 'bottomTail',
  203.                                 } %}
  204.                             {% endblock %}
  205.                         </div>
  206.                     {% endblock %}
  208.                     {% block layout_header_bottom_tail_right_wrapper %}
  209.                         <div class="header-bottom-tail-right">
  210.                             {% block layout_header_bottom_tail_right_container %}
  211.                                 {% sw_include '@Storefront/storefront/layout/header/header-content-renderer.html.twig' ignore missing with { 
  212.                                     headerContent: theme_config('headerStylesLayoutHeaderBottomTailRight'),
  213.                                     headerImage: theme_config('headerStylesLayoutHeaderBottomTailImage'),
  214.                                     headerLocation: 'bottomTail',
  215.                                 } %}
  216.                             {% endblock %}
  217.                         </div>
  218.                     {% endblock %}
  219.                 </div>
  220.             </div>
  221.         {% endblock %}
  222.     {% endif %}
  223. {% endblock %}