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

Open in your IDE?
  1. {% sw_extends'@Storefront/storefront/layout/header/logo.html.twig' %}
  3. {% block layout_header_logo_image %}
  5.     {% set boedenSalesChannelIdFromConfig = config('FourtwosixThemeExtension.config.boedenSalesChannelId') %}
  6.     {% set italianLanguageIdFromConfig = config('FourtwosixThemeExtension.config.languageIt') %}
  7.     {% set ftsPavimenti24MediaId = config('FourtwosixThemeExtension.config.ftsPavimenti24Media') %}
  9.     {% set isBoeden = context.salesChannelId == boedenSalesChannelIdFromConfig %}
  10.     {% set isItalianLanguage = context.languageId == italianLanguageIdFromConfig %}
  12.     {% set mediaCollection = searchMedia([ftsPavimenti24MediaId], context.context) %}
  13.     {% set pavimenti24MediaURL = mediaCollection.get(ftsPavimenti24MediaId).url %}
  16.     {# @fourtwosix-edit: change the logo only for Boeden Italian and check if mediaURL is set #}
  17.     {% if(isBoeden and isItalianLanguage and ftsPavimenti24MediaId) %}
  18.         {% set mobileLogo = pavimenti24MediaURL %}
  19.         {% set tabletLogo = pavimenti24MediaURL %}
  20.         {% set desktopLogo = pavimenti24MediaURL %}
  21.     {% else %}
  22.         {% set mobileLogo = theme_config('sw-logo-tablet') |sw_encode_url %}
  23.         {% set tabletLogo = theme_config('sw-logo-mobile') |sw_encode_url %}
  24.         {% set desktopLogo = theme_config('sw-logo-desktop') |sw_encode_url %}
  25.     {% endif %}
  26.     {# @fourtwosix-edit: end ------------------------------------------------ #}
  28.     <picture class="header-logo-picture">
  29.         {% block layout_header_logo_image_tablet %}
  30.             {% if theme_config('sw-logo-tablet') and theme_config('sw-logo-tablet') != theme_config('sw-logo-desktop') %}
  31.                 {# @fourtwosix-edit:  changed the url of the picture src #}
  32.                 <source srcset="{{ tabletLogo }}" media="(min-width: {{ theme_config('breakpoint.md') }}px) and (max-width: {{ theme_config('breakpoint.lg') - 1 }}px)">
  33.                 {# @fourtwosix-edit: end ------------------------------------ #}
  34.             {% endif %}
  35.         {% endblock %}
  37.         {% block layout_header_logo_image_mobile %}
  38.             {% if theme_config('sw-logo-mobile') and theme_config('sw-logo-mobile') != theme_config('sw-logo-desktop') %}
  39.                 {# @fourtwosix-edit:  changed the url of the picture src #}
  40.                 <source srcset="{{ mobileLogo }}" media="(max-width: {{ theme_config('breakpoint.md') - 1 }}px)">
  41.                 {# @fourtwosix-edit: end ------------------------------------ #}
  42.             {% endif %}
  43.         {% endblock %}
  45.         {% block layout_header_logo_image_default %}
  46.             {% if theme_config('sw-logo-desktop') %}
  47.                 {# @fourtwosix-edit:  changed the url of the picture src #}
  48.                 <img src="{{ desktopLogo }}" alt="{{ "header.logoLink"|trans|striptags }}" class="img-fluid header-logo-main-img"/>
  49.                 {# @fourtwosix-edit: end ------------------------------------ #}
  50.             {% endif %}
  51.         {% endblock %}
  52.     </picture>
  54. {% endblock %}