<{assign var="images" value=$product->getImages()}> <{assign var="metaValues" value=$product->getMetaValues()}>
<{if $settings.integrations.enable_pricerunner && $settings.integrations.pricerunner_account_id && $product->getOwnId()}>
<{t}>Lowest on PriceRunner<{/t}>
<{/if}>
<{if $images}> <{section name="j" loop=$images}> <{if $smarty.section.j.first}> <{assign var="loading" value="eager"}> <{assign var="priority" value="high"}> <{else}> <{assign var="loading" value="lazy"}> <{assign var="priority" value="low"}> <{/if}>
<{if $settings.product.enable_gallery_lightbox}> <{include file="components/image.html" sizes="640,1000,550,465,600" aspect_ratio=$settings.images.aspect_ratio class="product-gallery__picture" product=$product width="600" height="600" image=$images[j] loading=$loading priority=$priority}> <{else}>
<{include file="components/image.html" aspect_ratio=$settings.images.aspect_ratio class="product-gallery__picture" product=$product width="580" height="580" image=$images[j] loading=$loading priority=$priority}>
<{/if}>
<{/section}> <{else}>
<{include file="components/image.html" aspect_ratio=$settings.images.aspect_ratio class="product-gallery__picture" product=$product width="580" height="580"}>
<{/if}>
<{include file="components/product-badges.html" class="product-gallery__badges" product=$product}> <{if $settings.product.enable_wishlist}> <{include file="components/favourite.html" class="product-gallery__favourites" product_id=$product->getProductId()}> <{/if}> <{if isset($metaValues.youtube_id) || $product->getExtensionValue('youtube_id')}> <{if $product->getExtensionValue('youtube_id')}> <{assign var="youtube_id" value=$product->getExtensionValue('youtube_id')}> <{else}> <{assign var="youtube_id" value=$metaValues.youtube_id}> <{/if}> <{include file="components/play-video.html" class="product-gallery__play-video" youtube="$youtube_id"}> <{/if}>
<{if $settings.product.enable_gallery_thumbs && $images && $images|@count > 1 }>
<{section name="j" loop=$images}> <{if $smarty.section.j.first}> <{assign var="loading" value="eager"}> <{assign var="priority" value="high"}> <{else}> <{assign var="loading" value="lazy"}> <{assign var="priority" value="low"}> <{/if}>
<{include file="components/image.html" aspect_ratio=$settings.images.aspect_ratio class="product-gallery__picture" product=$product width="125" height="125" image=$images[j] loading=$loading priority=$priority}>
<{/section}>
<{/if}>