custom/plugins/fourtwosixAttributeBadges/src/Resources/views/storefront/page/product-detail/index.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/page/product-detail/index.html.twig' %}
  3. {% block page_product_detail_media %}
  4.     <div class="col-lg-7 product-detail-media">
  5.         {% block fourtwosixAttributeBadges_product_detail_media %}
  6.             {% if page.product.media %}
  7.                 {% sw_include '@Storefront/storefront/element/cms-element-image-gallery.html.twig' with {
  8.                     'mediaItems': mediaItems,
  9.                     'zoom': true,
  10.                     'zoomModal': true,
  11.                     'displayMode': 'contain',
  12.                     'gutter': 5,
  13.                     'minHeight': '430px',
  14.                     'navigationArrows': 'inside',
  15.                     'navigationDots': 'inside',
  16.                     'galleryPosition': 'left',
  17.                     'isProduct': true,
  18.                     'fallbackImageTitle': page.product.translated.name,
  19.                     'startIndexThumbnails': 1,
  20.                     'startIndexSlider': 1,
  21.                     'keepAspectRatioOnZoom': false
  22.                 } %}
  23.             {% endif %}
  25.             <div class="d-flex justify-content-center fourtwosix-badges">
  26.                 {% set badgesMediaIds = [] %}
  27.                 {% set propertiesBadge = [] %}
  28.                 {% set configDefaultMedia = config('fourtwosixAttributeBadges.config.defaultMedia') %}
  30.                 {# checks whether the property group has a customField attribute_badge #}
  31.                 {% if page.product.sortedProperties != null %}
  32.                     {% for x in page.product.sortedProperties|filter(x => x.translated.customFields.attribute_badges == true) -%}
  33.                         {% set propertiesBadge = propertiesBadge|merge(x.options.elements) %}
  34.                     {% endfor %}
  36.                     {% if propertiesBadge %}
  37.                         {% for badge in propertiesBadge %}
  38.                             {% if badge.mediaId != null %}
  39.                                 {% set badgesMediaIds = badgesMediaIds|merge([badge.mediaId]) %}
  40.                             {% else %}
  41.                                 {% set badgesMediaIds = badgesMediaIds|merge([configDefaultMedia]) %}
  42.                             {% endif %}
  43.                         {% endfor %}
  45.                         {% set mediaCollection = searchMedia(badgesMediaIds, context.context) %}
  47.                         {% for badge in propertiesBadge|sort((a, b) => a.position <=> b.position)|slice(0,8) %}
  48.                             {% if badge.mediaId != null %}
  49.                                 {% set badgeMedia = mediaCollection.get(badge.mediaId) %}
  51.                                 {% sw_thumbnails 'product-detail-badge-thumbnails' with {
  52.                                     media: badgeMedia,
  53.                                     attributes: {
  54.                                         'class': 'img-fluid badgeImg',
  55.                                         'data-toggle' : 'tooltip',
  56.                                         'title': badge.translated.name
  57.                                     }
  58.                                 } %}
  59.                             {% else %}
  60.                                 {% set badgeMedia = mediaCollection.get(configDefaultMedia) %}
  62.                                 {% sw_thumbnails 'product-detail-badge-thumbnails' with {
  63.                                     media: badgeMedia,
  64.                                     attributes: {
  65.                                         'class': 'img-fluid badgeImg',
  66.                                         'data-toggle' : 'tooltip',
  67.                                         'title': badge.translated.name
  68.                                     }
  69.                                 } %}
  70.                             {% endif %}
  71.                         {% endfor %}
  72.                     {% endif %}
  73.                 {% endif %}
  74.             </div>
  75.         {% endblock %}
  76.     </div>
  77. {% endblock %}