custom/static-plugins/product-labels/src/Resources/views/storefront/component/product/card/badges.html.twig line 1

Open in your IDE?
  1. {% sw_extends "@Storefront/storefront/component/product/card/badges.html.twig" %}
  3. {% block component_product_badges_discount %}{% endblock %}
  5. {% block component_product_badges_badge_element %}
  6.     {% set currentSalesChannelId = context.salesChannel.id %}
  7.     {% for customLabel in product.customFields.customLabels[badgePosition] %}
  8.         {% if context.salesChannel.id in customLabel.salesChannelIds or not customLabel.salesChannelIds %}
  10.             {% block component_product_badges_badge_element_loop %}
  11.                 {% block component_product_badges_badge_element_discount_badge %}
  12.                     {% if customLabel.type == "discountPercentage" %}
  13.                         {% block component_product_badges_badge_element_discount_badge_inner %}
  14.                             {% sw_include '@Storefront/storefront/component/product-label/badge-discount.html.twig' %}
  15.                         {% endblock %}
  16.                     {% endif %}
  17.                 {% endblock %}
  19.                 {% block component_product_badges_badge_element_image_badge %}
  20.                     {% if customLabel.type == 'image' %}
  21.                         {% block component_product_badges_badge_element_image_badge_inner %}
  22.                             {% sw_include '@Storefront/storefront/component/product-label/badge-image.html.twig' %}
  23.                         {% endblock %}
  24.                     {% endif %}
  25.                 {% endblock %}
  27.                 {% block component_product_badges_badge_element_general_badge %}
  28.                     {% if customLabel.type == 'badge' %}
  29.                         {% block component_product_badges_badge_element_general_badge_inner %}
  30.                             {% sw_include '@Storefront/storefront/component/product-label/badge.html.twig' %}
  31.                         {% endblock %}
  32.                     {% endif %}
  33.                 {% endblock %}
  35.             {% endblock %}
  36.         {% endif %}
  37.     {% endfor %}
  38. {% endblock %}
  40. {% block component_product_badges_new %}
  41.     {{ parent() }}
  43.     {% block component_product_badges_top_left %}
  44.         {% set badgePosition = 'top-left' %}
  46.         {{ block('component_product_badges_badge_element') }}
  47.     {% endblock %}
  49. {% endblock %}
  51. {% block component_product_badges %}
  52.     {{ parent() }}
  54.     {% block component_product_badges_top_right %}
  55.         <div class="product-badges" style="left: unset; right: -1px;">
  56.             {% set badgePosition = 'top-right' %}
  58.             {{ block("component_product_badges_badge_element") }}
  60.         </div>
  61.     {% endblock %}
  63.     {% block component_product_badges_bottom_right %}
  64.         <div class="product-badges" style="left: unset; top: 30%; right: -1px;">
  65.             {% set badgePosition = 'bottom-right' %}
  67.             {{ block("component_product_badges_badge_element") }}
  69.         </div>
  70.     {% endblock %}
  72.     {% block component_product_badges_bottom_left %}
  73.         <div class="product-badges" style="top: 30%;">
  74.             {% set badgePosition = 'bottom-left' %}
  76.             {{ block("component_product_badges_badge_element") }}
  78.         </div>
  79.     {% endblock %}
  81.     {% block component_product_badges_center %}
  82.         <div class="product-badges"
  83.              style="top: 50%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; text-align:center;">
  84.             {% set badgePosition = 'center' %}
  86.             {{ block("component_product_badges_badge_element") }}
  88.         </div>
  89.     {% endblock %}
  91. {% endblock %}