custom/plugins/OttMoebelfirstTheme/src/Resources/views/storefront/layout/header/top-bar.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/layout/header/top-bar.html.twig' %}
  3. {% block layout_header_top_bar %}
  4.     {# Regular top bar #}
  5.     <div class="top-bar">
  6.         <nav class="top-bar-nav">
  7.             <div class="ott-topbar-wrapper">
  8.                 <div class="ott-topbar-scroll">
  9.                     {{ "ott.topbar.currentInformation"|trans }}
  10.                 </div>
  11.                 <div class="ott-topbar-scroll is-echo">
  12.                     {{ "ott.topbar.currentInformation"|trans }}
  13.                 </div>
  14.             </div>
  15.         </nav>
  16.     </div>
  18.     {# Merchant top bar #}
  19.     {% set merchant = page.extensions.ottMerchantShopsData.merchant %}
  21.     <div class="top-bar merchant-top-bar">
  22.         <nav class="top-bar-nav">
  23.             <div class="ott-topbar-wrapper">
  24.                 <div class="ott-topbar-element-wrapper-inner is-stock d-none d-lg-flex">
  25.                     <span class="text-primary">
  26.                         {{ 'ott.topbar.onStockLabel'|trans|striptags }}
  27.                     </span>
  28.                 </div>
  30.                 <div class="ott-topbar-element-wrapper-inner is-second-text justify-content-center">
  31.                     {% sw_icon 'avatar-solid' style {
  32.                         'namespace': 'OttMoebelfirstTheme',
  33.                         'pack': 'moebelfirst',
  34.                     } %}
  36.                     <div class="ott-topbar-element-text">
  37.                         {{ 'ott.topbar.producedLabel'|trans|striptags }}
  38.                     </div>
  39.                 </div>
  41.                 <div class="ott-topbar-element-wrapper-inner is-phone d-none d-lg-flex">
  42.                     <svg xmlns="http://www.w3.org/2000/svg" width="12.385" height="12.406" viewBox="0 0 12.385 12.406">
  43.                         <path id="Icon_feather-phone-call" data-name="Icon feather-phone-call" d="M10.024,3.62a2.65,2.65,0,0,1,2.093,2.093M10.024,1.5a4.769,4.769,0,0,1,4.213,4.207m-.53,4.229v1.59a1.06,1.06,0,0,1-1.155,1.06,10.487,10.487,0,0,1-4.573-1.627A10.333,10.333,0,0,1,4.8,7.779,10.487,10.487,0,0,1,3.172,3.185,1.06,1.06,0,0,1,4.227,2.03h1.59a1.06,1.06,0,0,1,1.06.911A6.8,6.8,0,0,0,7.247,4.43a1.06,1.06,0,0,1-.238,1.118l-.673.673A8.479,8.479,0,0,0,9.515,9.4l.673-.673a1.06,1.06,0,0,1,1.118-.238A6.8,6.8,0,0,0,12.8,8.86,1.06,1.06,0,0,1,13.707,9.936Z" transform="translate(-2.542 -0.81)" fill="none" stroke="#c39052" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25"/>
  44.                     </svg>
  46.                     <div class="ott-topbar-element-text">
  47.                         {% if merchant %}
  48.                             {{ merchant.phone }}
  49.                         {% else %}
  50.                             {{ 'ott.topbar.phoneNumber'|trans|striptags }}
  51.                         {% endif %}
  52.                     </div>
  53.                 </div>
  54.             </div>
  55.         </nav>
  56.     </div>
  57. {% endblock %}