themes/BootstrapChildTheme/SyliusShopBundle/views/Layout/_header.html.twig line 1

Open in your IDE?
  1. <div class="row flex-fill align-items-center">
  2.     <div class="header-buttons col-auto d-flex pe-3 d-lg-none">
  3.         <button class="navbar-toggler header-btn d-lg-none" data-bs-toggle="offcanvas" data-bs-target="#mainNavbar" aria-controls="mainNavbar" aria-label="Navbar">
  4.             <svg class="icon hamburger" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
  5.                 <path fill-rule="evenodd" d="M14.5,12.5H1.5A.5.5,0,0,1,1,12H1a.5.5,0,0,1,.5-.5h13a.5.5,0,0,1,.5.5h0A.5.5,0,0,1,14.5,12.5ZM15,8h0a.5.5,0,0,0-.5-.5H1.5A.5.5,0,0,0,1,8H1a.5.5,0,0,0,.5.5h13A.5.5,0,0,0,15,8Zm0-4h0a.5.5,0,0,0-.5-.5H1.5A.5.5,0,0,0,1,4H1a.5.5,0,0,0,.5.5h13A.5.5,0,0,0,15,4Z"/>
  6.             </svg>
  7.         </button>
  9.         <button class="header-btn search-btn ms-1 js-search-show-btn" type="button" aria-label="Open search box">
  10.             <svg class="icon bi-search" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
  11.                 <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/>
  12.             </svg>
  13.         </button>
  14.     </div>
  16.     <div class="navbar-logo col d-flex justify-content-center px-0 col-lg-auto px-lg-4 justify-content-lg-start col-xl">
  17.         <a href="{{ path('sylius_shop_homepage') }}" class="logo-link">
  18.             <img class="logo" src="{{ asset('build/shop-bs/images/sudekusa_logo.webp', 'bootstrapTheme') }}" width="1075" height="225" alt="{{ 'app.ui.header.logo'|trans }}">
  19.         </a>
  20.     </div>
  22.     <div class="search-box py-4 col-lg py-lg-0 col-xl-4 col-xxl-5">
  23.         {% include '@SyliusShop/Layout/Header/_searchBox.html.twig' %}
  24.     </div>
  26.     <div class="header-buttons col-auto d-flex justify-content-end ps-3 ps-md-4 col-xl">
  27.         <div class="help-wrap d-none d-lg-block">
  28.             <a class="header-btn help-btn" href="{{ path('sylius_shop_contact_request') }}">
  29.                 <svg class="icon bi-question-diamond" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
  30.                     <path d="M6.95.435c.58-.58 1.52-.58 2.1 0l6.515 6.516c.58.58.58 1.519 0 2.098L9.05 15.565c-.58.58-1.519.58-2.098 0L.435 9.05a1.482 1.482 0 0 1 0-2.098L6.95.435zm1.4.7a.495.495 0 0 0-.7 0L1.134 7.65a.495.495 0 0 0 0 .7l6.516 6.516a.495.495 0 0 0 .7 0l6.516-6.516a.495.495 0 0 0 0-.7L8.35 1.134z"/>
  31.                     <path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"/>
  32.                 </svg>
  33.                 <span class="btn-text d-none d-lg-inline">{{ 'app.ui.header.help'|trans }}</span>
  34.             </a>
  35.         </div>
  37.         <div class="login-wrap ms-lg-1">
  38.             <a class="header-btn catalog-btn d-none d-lg-block" href="https://app-na1.hubspotdocuments.com/documents/45416364/view/1118592934?accessId=680d52" target="_blank">
  39.                 <svg class="icon bi-question-diamond" viewBox="0 0 122.88 119.31" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
  40.                     <g>
  41.                         <path d="M24.27,8.54h75.82c1.39,0,2.47,1.17,2.47,2.54v4.42l18.5,4.96c1.35,0.36,2.08,1.77,1.73,3.1l-20.23,75.48v17.73 c0,1.38-1.08,2.54-2.47,2.54H24.27c-1.4,0-2.47-1.17-2.47-2.54v-12.18L0.09,23.55c-0.35-1.32,0.38-2.74,1.73-3.1L21.8,15.1v-4.01 C21.8,9.72,22.88,8.54,24.27,8.54L24.27,8.54z M102.56,20v62.82l15.71-58.61l0,0L102.56,20L102.56,20z M21.8,88.37V19.6L4.61,24.21 l0,0L21.8,88.37L21.8,88.37z M47.83,0.08l20.04,5.37H51.07l-2.71-0.73l-0.2,0.73h-4.34l0.95-3.54C45.13,0.58,46.48-0.28,47.83,0.08 L47.83,0.08z M77.71,61.69l-8.43-8.09l-1.78,10.93c-0.03,0.21-0.1,0.43-0.2,0.62c-0.1,0.19-0.24,0.37-0.42,0.52 c-0.38,0.32-0.86,0.46-1.32,0.43c-0.46-0.04-0.91-0.25-1.24-0.63L51.44,50.21L37.92,62.43v4.05h48.54V52.4l-8.01,9.22 c-0.08,0.13-0.23,0.21-0.39,0.21C77.92,61.83,77.8,61.78,77.71,61.69L77.71,61.69L77.71,61.69z M78.02,56.93l8.43-10.11V33.25 H37.92v24.26c4.1-3.71,8.32-7.79,12.51-11.31c0.37-0.32,0.83-0.46,1.27-0.43c0.46,0.02,0.91,0.22,1.24,0.58l0.01,0.02 c0.02,0.02,0.04,0.04,0.06,0.07l11.52,13.63l1.71-10.51c0.09-0.48,0.36-0.88,0.73-1.15c0.37-0.26,0.84-0.4,1.33-0.32l0.05,0.01 c0.17,0.03,0.34,0.09,0.49,0.16c0.17,0.08,0.32,0.19,0.46,0.32L78.02,56.93L78.02,56.93L78.02,56.93z M69.35,33.82 c0.71,0,1.41,0.15,2.04,0.41c0.66,0.27,1.25,0.67,1.74,1.16c0.49,0.49,0.89,1.08,1.17,1.74c0.26,0.63,0.4,1.33,0.4,2.04 s-0.15,1.41-0.4,2.04c-0.27,0.66-0.67,1.25-1.16,1.74c-0.49,0.49-1.08,0.89-1.74,1.16c-0.63,0.27-1.32,0.41-2.04,0.41 c-0.71,0-1.41-0.15-2.04-0.41c-0.66-0.27-1.24-0.67-1.74-1.16c-0.49-0.49-0.89-1.08-1.17-1.74c-0.26-0.63-0.4-1.32-0.4-2.04 c0-0.71,0.15-1.41,0.4-2.04c0.27-0.66,0.67-1.25,1.16-1.74c0.49-0.49,1.08-0.89,1.74-1.16C67.94,33.96,68.63,33.82,69.35,33.82 L69.35,33.82L69.35,33.82z M70.96,37.57c-0.21-0.21-0.46-0.38-0.74-0.5c-0.26-0.11-0.56-0.17-0.87-0.17c-0.31,0-0.6,0.06-0.87,0.17 c-0.28,0.12-0.53,0.29-0.74,0.49c-0.21,0.21-0.38,0.46-0.49,0.74c-0.11,0.27-0.17,0.56-0.17,0.87c0,0.3,0.06,0.6,0.17,0.87 c0.12,0.28,0.29,0.53,0.49,0.74c0.21,0.21,0.46,0.38,0.74,0.5c0.26,0.11,0.56,0.17,0.87,0.17c0.3,0,0.6-0.06,0.87-0.17 c0.28-0.12,0.53-0.29,0.74-0.49c0.21-0.21,0.38-0.46,0.5-0.74c0.11-0.27,0.17-0.56,0.17-0.87c0-0.3-0.06-0.6-0.17-0.87 C71.34,38.03,71.17,37.78,70.96,37.57L70.96,37.57L70.96,37.57z M36.16,29.63h52.06c0.49,0,0.93,0.21,1.25,0.54 c0.32,0.32,0.51,0.78,0.51,1.27v36.85c0,0.49-0.19,0.94-0.51,1.27c-0.32,0.33-0.76,0.54-1.25,0.54H36.16 c-0.49,0-0.93-0.21-1.24-0.54c-0.32-0.32-0.51-0.78-0.51-1.27V31.44c0-0.49,0.19-0.94,0.51-1.27 C35.23,29.84,35.67,29.63,36.16,29.63L36.16,29.63L36.16,29.63z M41.54,76.05h30.72c0.29,0,0.54,0.12,0.73,0.3l0.03,0.04 c0.16,0.19,0.27,0.42,0.27,0.69v2c0,0.28-0.12,0.54-0.3,0.73c-0.19,0.19-0.44,0.3-0.73,0.3H41.54c-0.29,0-0.54-0.12-0.73-0.3 l-0.03-0.04c-0.16-0.19-0.27-0.42-0.27-0.69v-2c0-0.29,0.12-0.54,0.3-0.73C41.01,76.17,41.26,76.05,41.54,76.05L41.54,76.05 L41.54,76.05z M34.91,76.05h2.55c0.28,0,0.53,0.12,0.73,0.3c0.18,0.19,0.3,0.45,0.3,0.73v2c0,0.28-0.12,0.54-0.3,0.73 c-0.19,0.19-0.44,0.3-0.73,0.3h-2.55c-0.28,0-0.54-0.12-0.73-0.3s-0.3-0.44-0.3-0.73v-2c0-0.29,0.12-0.54,0.3-0.73 S34.63,76.05,34.91,76.05L34.91,76.05L34.91,76.05z M35.35,93.13h53.67c0.42,0,0.79,0.19,1.06,0.5c0.25,0.29,0.41,0.68,0.41,1.11 v0.4c0,0.43-0.15,0.83-0.41,1.11l-0.03,0.03c-0.26,0.29-0.63,0.46-1.03,0.46H35.35c-0.42,0-0.79-0.19-1.06-0.5 c-0.25-0.29-0.41-0.68-0.41-1.11v-0.4c0-0.43,0.16-0.83,0.41-1.11l0.03-0.03C34.59,93.31,34.94,93.13,35.35,93.13L35.35,93.13 L35.35,93.13z M35.35,84.53h53.67c0.42,0,0.79,0.19,1.06,0.5c0.25,0.29,0.41,0.68,0.41,1.11v0.4c0,0.43-0.15,0.83-0.41,1.11 l-0.03,0.03c-0.26,0.29-0.63,0.46-1.03,0.46H35.35c-0.42,0-0.79-0.19-1.06-0.5c-0.25-0.29-0.41-0.68-0.41-1.11v-0.4 c0-0.43,0.16-0.83,0.41-1.11l0.03-0.03C34.59,84.71,34.94,84.53,35.35,84.53L35.35,84.53L35.35,84.53z M98.37,12.89H26v102.08 h72.37V12.89L98.37,12.89L98.37,12.89z"/>
  42.                     </g>
  43.                 </svg>
  44.                 <span class="btn-text d-none d-lg-inline">{{ 'app.ui.header.catalog'|trans }}</span>
  45.             </a>
  46.         </div>
  48.         <div class="login-wrap ms-lg-1">
  49.             {% include '@SyliusShop/Layout/Header/_securityWidget.html.twig' %}
  50.         </div>
  51.         {#{% if is_granted('ROLE_USER') %}#}
  52.             <div class="cart-wrap ms-1">
  53.                 {% include '@SyliusShop/Layout/Header/_cart.html.twig' %}
  54.             </div>
  55.         {#{% endif %}#}
  56.     </div>
  57. </div>