custom/plugins/SimaxThemeKara/src/Resources/views/storefront/layout/header/header.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/layout/header/header.html.twig' %}
  3. {# Moved layout_top_bar to base #}
  4. {% block layout_top_bar %}
  5. {% endblock %}
  7. {% block layout_header_navigation %}
  8.     <div class="row align-items-center header-row no-gutters" data-simax-navigation="true">
  9.         {% block layout_header_logo %}
  10.             {# Logo #}
  11.             {# <div class="col-12 col-sm-auto col-lg-3 col-xl-2 header-logo-col order-1"> #}
  12.             <div class="col-12 col-sm-6 col-lg-3 col-xl-2 header-logo-col order-1 no-gutters">
  13.                 <div class="row no-gutters align-items-center">
  14.                     <div class="col-12 col-sm-auto">
  15.                         {% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %}
  16.                     </div>
  17.                     {# Start Hamburger Icon #}
  18.                     <div class="col-sm-auto d-none d-sm-block d-lg-none" id="kara-nav-main-toggle" >
  19.                         {% block layout_header_navigation_toggle_tablet %}
  20.                             <div class="nav-main-toggle">
  21.                                 {% block layout_header_navigation_toggle_tablet_button %}
  22.                                     <button class="btn nav-main-toggle-btn header-actions-btn"
  23.                                             type="button"
  24.                                             data-offcanvas-menu="true"
  25.                                             aria-label="{{ "general.menuLink"|trans|striptags }}">
  26.                                         {% block layout_header_navigation_toggle_tablet_button_icon %}
  27.                                             {% sw_icon 'stack' %}
  28.                                         {% endblock %}
  29.                                     </button>
  30.                                 {% endblock %}
  31.                             </div>
  32.                         {% endblock %}
  33.                     </div>
  34.                     {# End Hamburger Icon #}
  35.                 </div>
  36.             </div>
  37.         {% endblock %}
  39.         {% block kara_layout_header_logo %}
  40.             {# Main Nav #}
  41.             <div class="col-12 col-lg-6 col-xl-8 d-sm-none d-lg-block order-2">
  42.                 <div class="nav-main" id="kara-nav-main">
  43.                     {% block base_navigation_inner %}
  44.                         {% sw_include '@Storefront/storefront/layout/navigation/navigation.html.twig' %}
  45.                     {% endblock %}
  46.                 </div>
  47.             </div>
  48.         {% endblock %}
  50.         {% block layout_header_search %}
  51.             {# Hamburger Icon Nav #}
  52.             {# <div class="col header-search-col d-lg-none order-2" id="kara-nav-main-toggle-wrap" data-simax-navigation="true">
  53.                     <div class="row">
  54.                         <div class="col-sm-auto d-none d-sm-block d-lg-none" id="kara-nav-main-toggle">
  55.                              {% block layout_header_navigation_toggle_tablet %}
  56.                                 <div class="nav-main-toggle">
  57.                                     {% block layout_header_navigation_toggle_tablet_button %}
  58.                                         <button class="btn nav-main-toggle-btn header-actions-btn"
  59.                                             type="button"
  60.                                             data-offcanvas-menu="true"
  61.                                             aria-label="{{ "general.menuLink"|trans|striptags }}">
  62.                                             {% block layout_header_navigation_toggle_tablet_button_icon %}
  63.                                                 {% sw_icon 'stack' %}
  64.                                             {% endblock %}
  65.                                         </button>
  66.                                    {% endblock %}
  67.                                 </div>
  68.                             {% endblock %}
  69.                         </div> #}
  70.             {# Move search.html.twig to base.html.twig #}
  71.             {# <div class="col">
  72.                            {% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
  73.                         </div> #}
  74.             {# </div>
  75.                 </div> #}
  76.         {% endblock %}
  78.         {% block layout_header_actions %}
  79.             {# Header Action  #}
  80.             {# <div class="col-12 col-sm-auto col-lg-3 col-xl-2 header-actions-col order-3 order-sm-2 order-xl-3"> #}
  81.             <div class="col-12 col-sm-6 col-lg-3 col-xl-2 header-actions-col order-3 order-sm-2 order-xl-3">
  82.                 <div class="row no-gutters">
  83.                     {% block layout_header_navigation_toggle %}
  84.                         <div class="col-auto d-sm-none">
  85.                             <div class="menu-button">
  86.                                 {% block layout_header_navigation_toggle_button %}
  87.                                     <button class="btn nav-main-toggle-btn header-actions-btn"
  88.                                             type="button"
  89.                                             data-offcanvas-menu="true"
  90.                                             aria-label="{{ "general.menuLink"|trans|striptags }}">
  91.                                         {% block layout_header_navigation_toggle_button_icon %}
  92.                                             {% sw_icon 'stack' %}
  93.                                         {% endblock %}
  94.                                     </button>
  95.                                 {% endblock %}
  96.                             </div>
  97.                         </div>
  98.                     {% endblock %}
  100.                     {% block layout_header_search_toggle %}
  101.                         {# Remove class d-sm-none #}
  102.                         <div class="col-auto">
  103.                             <div class="search-toggle">
  104.                                 <button class="btn header-actions-btn search-toggle-btn js-search-toggle-btn collapsed"
  105.                                         type="button"
  106.                                         data-toggle="collapse"
  107.                                         data-target="#searchCollapse"
  108.                                         aria-expanded="false"
  109.                                         aria-controls="searchCollapse"
  110.                                         aria-label="{{ "header.searchButton"|trans|striptags }}">
  111.                                     {% sw_icon 'search' %}
  112.                                 </button>
  113.                             </div>
  114.                         </div>
  115.                     {% endblock %}
  118.                     {% if config('core.cart.wishlistEnabled') %}
  119.                         {% block layout_header_actions_wishlist %}
  120.                             {{ parent() }}
  121.                         {% endblock %}
  122.                     {% endif %}
  124.                     {% block layout_header_actions_account %}
  125.                         <div class="col-auto">
  126.                             <div class="account-menu">
  127.                                 {% sw_include '@Storefront/storefront/layout/header/actions/account-widget.html.twig' %}
  128.                             </div>
  129.                         </div>
  130.                     {% endblock %}
  132.                     {% block layout_header_actions_cart %}
  133.                         <div class="col-auto">
  134.                             <div class="header-cart"
  135.                                  data-offcanvas-cart="true">
  136.                                 <a class="btn header-cart-btn header-actions-btn"
  137.                                    href="{{ path('frontend.checkout.cart.page') }}"
  138.                                    data-cart-widget="true"
  139.                                    title="{{ 'checkout.cartTitle'|trans|striptags }}"
  140.                                    aria-label="{{ 'checkout.cartTitle'|trans|striptags }}">
  141.                                     {% sw_include '@Storefront/storefront/layout/header/actions/cart-widget.html.twig' %}
  142.                                 </a>
  143.                             </div>
  144.                         </div>
  145.                     {% endblock %}
  146.                 </div>
  147.             </div>
  148.         {% endblock %}
  149.     </div>
  150. {% endblock %}