custom/plugins/theme/src/Resources/views/storefront/component/s360-usp-box-dynamic-row.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/component/s360-usp-box-dynamic-row.html.twig' %}
  3. {% block s360_usp_element_outer %}
  4.     {% if item.col and item.mediaId %}
  5.         {% set mediaCollection = searchMedia([item.mediaId], context.context) %}
  6.         {% set mediaObject = mediaCollection.get(item.mediaId) %}
  7.         <div class="col-12 col-md-6 col-lg-{{ item.col }} s360-usp-col">
  8.             {% if (item.linkType == 'category' and item.categoryId) or (item.linkType == 'url' and item.linkUrl) %}
  9.                 <a href="{% if item.linkType == 'category' and item.categoryId %}
  10.                     {{ seoUrl('frontend.navigation.page', { navigationId: item.categoryId }) }}
  11.                     {% elseif item.linkType == 'url' and item.linkUrl %}
  12.                         {{ item.linkUrl }}
  13.                     {% endif %}">
  14.             {% endif %}
  15.             {% set color = element.config.textColor.value %}
  16.             {% block s360_usp_element_inner %}
  17.                 <img class="s360-dynamic-usp__image" src="{{ mediaObject.url }}"
  18.                     alt="{% if mediaObject.alt %}mediaObject.alt {% else %}Kategoriebild{% endif %}">
  19.                 
  20.                 {% if item.title or item.subtitle or item.buttonText %}
  21.                     <div class="s360-dynamic-usp__text">
  22.                         {% if item.title %}
  23.                             <h4 class="s360-dynamic-usp__title{% if item.title == 'Sale' or item.title == 'Sales' %} is-sale{% endif %}"{% if color %} style="color: {{color}}"{% endif %}>
  24.                                 {{ item.title }}
  25.                             </h4>
  26.                         {% endif %}
  28.                         {% if item.subtitle %}
  29.                             <p class="s360-dynamic-usp__subtitle"{% if color %} style="color: {{color}}"{% endif %}>
  30.                                 {{ item.subtitle }}
  31.                             </p>
  32.                         {% endif %}
  34.                         {% if item.buttonText %}
  35.                             <button class="btn btn-primary mt-2 mt-lg-4 s360-dynamic-usp__button">
  36.                                 {{ item.buttonText }}
  37.                             </button>
  38.                         {% endif %}
  39.                     </div>
  40.                 {% endif %}
  41.             {% endblock %}
  42.             {% if item.categoryId or item.linkUrl %}
  43.             </a>
  44.             {% endif %}
  45.         </div>
  46.     {% endif %}
  47. {% endblock %}