{% sw_extends '@Storefront/storefront/element/cms-element-image-gallery.html.twig' %}
{% set dir = "/bundles/wabsigmtheme/CertificateImages/" %}
{% set certificateMapping = {
"SA8000" : dir~"SA8000.png",
"Fair Wear Foundation" : dir~"FairWearFoundation.png",
"Fair Trade" : dir~"FairTrade.png",
"FairWild" : dir~"FairWild.png",
"GoodWeave" : null,
"GOTS" : dir~"GOTS.png",
"Der blaue Engel" : dir~"DerBlaueEngel.png",
"Nordischer Schwan" : dir~"NordischerSchwan.png",
"FSC-Siegel" : dir~"FSC.png",
"EcoTopTen" : dir~"EcoTopTen.jpg",
"Fair Stone" : dir~"FairStone.jpg",
"IBO-Prüfzeichen" : null,
"EU-Energielabel" : null,
"TCO" : dir~"TCO.png",
"Öko-Test" : dir~"OekoTest.jpg",
"BSCI" : dir~"BSCI.png",
"Ecogarantie" : dir~"EcoGarantie.png",
"BDHI" : dir~"BDHI.png",
"UTZ CERTIFIED" : dir~"UTZ.png",
"MSC" : dir~"MSC.png",
} %}
{# Adds badge to product image slider #}
{% block element_image_gallery_inner_container %}
<div class="wabs-product-gallery-badge">
{% sw_include '@Storefront/storefront/component/product/card/badges.html.twig' with {'product':page.product} %}
</div>
{% if page.product.translated.customFields.Zertifikat and page.product.translated.customFields.Zertifikat in certificateMapping|keys %}
<div class="wabs-product-gallery-certificate">
<span class="wabs-product-gallery-certificate-inner">
<img src="{{ certificateMapping[page.product.translated.customFields.Zertifikat] }}">
</span>
</div>
{% endif %}
<div class="gallery-slider-container"
data-gallery-slider-container="true">
{{ block('element_image_gallery_inner_items') }}
</div>
{% endblock %}