src/Storefront/Resources/views/storefront/layout/header/logo.html.twig line 1

  1. {% block layout_header_logo_inner %}
  2.     <div class="header-logo-main">
  3.         {% block layout_header_logo_link %}
  4.             <a class="header-logo-main-link"
  5.                href="{{ path('frontend.home.page') }}"
  6.                title="{{ "header.logoLink"|trans|striptags }}">
  7.                 {% block layout_header_logo_image %}
  8.                     <picture class="header-logo-picture">
  9.                             {% block layout_header_logo_image_tablet %}
  10.                             {% if theme_config('sw-logo-tablet') and theme_config('sw-logo-tablet') != theme_config('sw-logo-desktop') %}
  11.                                 <source srcset="{{ theme_config('sw-logo-tablet') |sw_encode_url }}"
  12.                                         media="(min-width: {{ theme_config('breakpoint.md') }}px) and (max-width: {{ theme_config('breakpoint.lg') - 1 }}px)">
  13.                             {% endif %}
  14.                         {% endblock %}
  16.                         {% block layout_header_logo_image_mobile %}
  17.                             {% if theme_config('sw-logo-mobile') and theme_config('sw-logo-mobile') != theme_config('sw-logo-desktop') %}
  18.                                 <source srcset="{{ theme_config('sw-logo-mobile') |sw_encode_url }}"
  19.                                         media="(max-width: {{ theme_config('breakpoint.md') - 1 }}px)">
  20.                             {% endif %}
  21.                         {% endblock %}
  23.                         {% block layout_header_logo_image_default %}
  24.                             {% if theme_config('sw-logo-desktop') %}
  25.                                 <img src="{{ theme_config('sw-logo-desktop') |sw_encode_url }}"
  26.                                      alt="{{ "header.logoLink"|trans|striptags }}"
  27.                                      class="img-fluid header-logo-main-img"/>
  28.                             {% endif %}
  29.                         {% endblock %}
  30.                     </picture>
  31.                 {% endblock %}
  32.             </a>
  33.         {% endblock %}
  34.     </div>
  35. {% endblock %}