custom/plugins/FourtwosixThemeExtension/src/Resources/views/storefront/component/product/card/box-standard.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@fourtwosixAttributeBadges/storefront/component/product/card/box-standard.html.twig' %}
  3. {# @fourtwosix-edit: RD addedd triangles badge }} #}
  4. {% block component_product_box_info %}
  5.     <div class="d-flex fourtwosix-badges">
  6.         {% set badgesMediaIds = [] %}
  7.         {% set propertiesBadge = [] %}
  8.         {% set configDefaultMedia = config('fourtwosixAttributeBadges.config.defaultMedia') %}
  10.         {# checks whether the property group has a customField attribute_badge #}
  11.         {% if product.sortedProperties != null %}
  12.             {% for x in product.sortedProperties|filter(x => x.translated.customFields.attribute_badges == true) -%}
  13.                 {% set propertiesBadge = propertiesBadge|merge(x.options.elements) %}
  14.             {% endfor %}
  16.             {% if propertiesBadge %}
  17.                 {% for badge in propertiesBadge %}
  18.                     {% if badge.mediaId != null %}
  19.                         {% set badgesMediaIds = badgesMediaIds|merge([badge.mediaId]) %}
  20.                     {% else %}
  21.                         {% set badgesMediaIds = badgesMediaIds|merge([configDefaultMedia]) %}
  22.                     {% endif %}
  23.                 {% endfor %}
  25.                 {% set mediaCollection = searchMedia(badgesMediaIds, context.context) %}
  27.                 {% for badge in propertiesBadge|sort((a, b) => a.position <=> b.position)|slice(0,8) %}
  28.                     {% if badge.translated.name|length  <= 5 %}
  29.                         {% set  badgeLengthClass = "5" %}
  30.                     {% elseif badge.translated.name|length  === 6 %}
  31.                         {% set  badgeLengthClass = "6" %}
  32.                     {% elseif badge.translated.name|length  >= 7 %}
  33.                         {% set  badgeLengthClass = "7" %}
  34.                     {% endif %}
  36.                     {% if badge.mediaId != null %}
  37.                         {% set badgeMedia = mediaCollection.get(badge.mediaId) %}
  39.                         {% sw_thumbnails 'product-detail-badge-thumbnails' with {
  40.                             media: badgeMedia,
  41.                             attributes: {
  42.                                 'class': 'img-fluid badgeImgListing',
  43.                                 'data-toggle' : 'tooltip',
  44.                                 'title': badge.group.translated.name ~ ': ' ~ badge.translated.name
  45.                             }
  46.                         } %}
  47.                     {% elseif badge.group.translated.customFields.fts_property_group_custom_graphics_option %}
  48.                         <div class="dynamic-badge-box arrow-badge"
  49.                             data-toggle="tooltip"
  50.                             data-placement="top"
  51.                             title="{{ badge.group.translated.name }}: {{ badge.translated.name }}">
  52.                             <div class="option-label length-{{ badgeLengthClass }}">
  53.                                 {{ badge.translated.name|length > 7 ? badge.translated.name|slice(0, 7) ~ '...' : badge.translated.name }}
  54.                             </div>
  55.                         </div>
  56.                     {% else %}
  57.                         <div class="dynamic-badge-box"
  58.                             data-toggle="tooltip"
  59.                             data-placement="top"
  60.                             title="{{ badge.group.translated.name }}: {{ badge.translated.name }}">
  61.                             <div class="option-label length-{{ badgeLengthClass }}">
  62.                                 {{ badge.translated.name|length > 7 ? badge.translated.name|slice(0, 7) ~ '...' : badge.translated.name }}
  63.                             </div>
  64.                         </div>
  65.                     {% endif %}
  66.                 {% endfor %}
  67.             {% endif %}
  68.         {% endif %}
  69.     </div>
  71.     {{block('component_product_box_info', '@zenitPlatformStratus/storefront/component/product/card/box-standard.html.twig')}}
  72. {% endblock %}