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

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