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

Open in your IDE?
  1. {% block layout_header %}
  4.   {# {% block layout_top_bar %}
  5.         {% sw_include '@Storefront/storefront/layout/header/top-bar.html.twig' %}
  6.     {% endblock %} #}
  12.   {% block layout_header_navigation %}
  13.     <div class="row align-items-center header-row" style="margin-left: 0; margin-right: 0;">
  14.       {# {% block layout_header_search %}
  15.                 <div class="col-12 order-2 col-sm order-sm-1 header-search-col">
  16.                     <div class="row">
  17.                         <div class="col-sm-auto d-none d-sm-block d-lg-none">
  18.                             {% block layout_header_navigation_toggle_tablet %}
  19.                                 <div class="nav-main-toggle">
  20.                                     {% block layout_header_navigation_toggle_tablet_button %}
  21.                                         <button class="btn nav-main-toggle-btn header-actions-btn"
  22.                                                 type="button"
  23.                                                 data-offcanvas-menu="true"
  24.                                                 aria-label="{{ "general.menuLink"|trans|striptags }}">
  25.                                             {% block layout_header_navigation_toggle_tablet_button_icon %}
  26.                                                 {% sw_icon 'stack' %}
  27.                                             {% endblock %}
  28.                                         </button>
  29.                                     {% endblock %}
  30.                                 </div>
  31.                             {% endblock %}
  32.                         </div>
  33.                         <div class="col">
  34.                             {% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
  35.                         </div>
  36.                     </div>
  37.                 </div>
  38.             {% endblock %} #}
  40.       {% block layout_header_actions %}
  41.         <div class="col-12 order-1 col-sm-auto order-sm-2 header-actions-col row-width-max header-logo-padding" style="padding-left: 0 ; padding-right: 0;">
  42.           <div class="row {{ gridNoGuttersClass }}">
  43.             {% block layout_header_logo %}
  44.               <div class="col" style="margin: auto;">
  45.                 {% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %}
  46.               </div>
  47.             {% endblock %}
  49.             {# {% block layout_header_search_toggle %}
  50.                             <div class="col-auto d-sm-none">
  51.                                 <div class="search-toggle">
  52.                                     <button class="btn header-actions-btn search-toggle-btn js-search-toggle-btn collapsed"
  53.                                             type="button"
  54.                                             {{ dataBsToggleAttr }}="collapse"
  55.                                             {{ dataBsTargetAttr }}="#searchCollapse"
  56.                                             aria-expanded="false"
  57.                                             aria-controls="searchCollapse"
  58.                                             aria-label="{{ "header.searchButton"|trans|striptags }}">
  59.                                         {% sw_icon 'search' %}
  60.                                     </button>
  61.                                 </div>
  62.                             </div>
  63.                         {% endblock %} #}
  65.             {% if config('core.cart.wishlistEnabled') %}
  66.               {% block layout_header_actions_wishlist %}
  67.                 <div class="col-auto">
  68.                   <div class="header-wishlist almarenaLight">
  69.                     <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 }}">{% sw_include '@Storefront/storefront/layout/header/actions/wishlist-widget.html.twig' %}</a>
  70.                   </div>
  71.                 </div>
  72.               {% endblock %}
  73.             {% endif %}
  75.             {% block layout_header_actions_account %}
  76.               <div class="col-2" style="margin: auto; max-width:80px">
  77.                 <div class="account-menu almarenaLight">
  78.                   {% sw_include '@Storefront/storefront/layout/header/actions/account-widget.html.twig' %}
  79.                 </div>
  80.               </div>
  81.             {% endblock %}
  83.             {% block layout_header_search %}
  84.               <div class="header-search-col almarenaLight">
  85.                 <div class="row">
  86.                   <div class="col-sm-auto d-none">
  87.                     {% block layout_header_navigation_toggle_tablet %}
  88.                       <div class="nav-main-toggle">
  89.                         {% block layout_header_navigation_toggle_tablet_button %}
  90.                           <button class="btn nav-main-toggle-btn header-actions-btn" type="button" data-offcanvas-menu="true" aria-label="{{ 'general.menuLink'|trans|striptags }}">
  91.                             {% block layout_header_navigation_toggle_tablet_button_icon %}
  92.                               {% sw_icon 'stack' %}
  93.                             {% endblock %}
  94.                           </button>
  95.                         {% endblock %}
  96.                       </div>
  97.                     {% endblock %}
  98.                   </div>
  99.                   <div class="col">
  100.                     {% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
  101.                   </div>
  102.                 </div>
  103.               </div>
  104.             {% endblock %}
  106.             {% block layout_header_search_toggle %}
  108.                 {% if config('FroshProductCompare.config.showInHeader') %}
  109.                     {% block frosh_product_compare_widget_button %}
  110.                         <div class="col-auto">
  111.                             {% sw_include '@Storefront/storefront/component/compare/compare-float.html.twig' with {
  112.                                 buttonClasses: 'compare-menu-btn header-actions-btn',
  113.                                 floatingButtonClasses: '',
  114.                                 badgeClasses: 'badge-primary'
  115.                             } %}
  116.                         </div>
  117.                     {% endblock %}
  118.                 {% endif %}
  119.             {% endblock %}
  121.             {% block layout_header_actions_cart %}
  122.               <div class="col-auto" style="display: flex; align-items: center;">
  123.                 <div class="header-cart" data-offcanvas-cart="true">
  124.                   <a class="btn header-cart-btn header-actions-btn" style="cursor: pointer;" data-cart-widget="true" title="{{ 'checkout.cartTitle'|trans|striptags }}" aria-label="{{ 'checkout.cartTitle'|trans|striptags }}"></a>
  125.                 </div>
  126.               </div>
  127.             {% endblock %}
  129.             {% block layout_header_navigation_toggle %}
  130.               <div class="col-auto" style="display: flex; align-items: center;">
  131.                 <div class="menu-button">
  132.                   {% block layout_header_navigation_toggle_button %}
  133.                     <button id="open-menu"
  134.                     style="padding-right: 0;" class="btn nav-main-toggle-btn header-actions-btn" type="button" data-offcanvas-menu="true" aria-label="{{ 'general.menuLink'|trans|striptags }}">
  135.                       {% block layout_header_navigation_toggle_button_icon %}
  136.                          {% sw_icon 'stack' %}
  137.                       {% endblock %}
  138.                     </button>
  139.                   {% endblock %}
  141.                    {% block utilities_offcanvas_close %}
  142.                     <button id="close-menu" style="display:none"
  143.                     style="padding-right: 0;" class="btn offcanvas-close js-offcanvas-close" type="button">
  144.                       {% sw_icon 'stack-close' %}
  145.                     </button>
  146.                   {% endblock %}
  147.                 </div>
  148.               </div>
  149.             {% endblock %}
  151.           </div>
  152.         </div>
  153.       {% endblock %}
  154.     </div>
  155.   {% endblock %}
  158. {% endblock %}
  160. <style>
  161. .row-width-max{
  162.     width: 100% !important;
  163. }
  164. .account-menu{
  165.     width: 100% !important;
  166.     float: right !important;
  167.     border: none;
  168.     border-radius: 50px;
  169. }
  171. @media only screen and (max-width: 600px) {
  172.   .account-menu {
  173.      width: 100% !important;
  174.     float: right !important;
  175.     border: 2px black solid;
  176.     border-radius: 50px;
  177.   }
  178. }
  179. </style>