{{! if we have multiple images lets render all images and the carousel }} {{# LARGE_ALT_IMAGES.0 }}

{{! Prev/next controls }}

{{# LARGE_IMAGE }}

${{ ALT_TEXT }}$

{{/ LARGE_IMAGE }} {{# LARGE_ALT_IMAGES }}

${{ ALT_TEXT }}$

{{/ LARGE_ALT_IMAGES }} {{# video_image }}

{{# video }} {{> product_video }} {{/ video }}

{{/ video_image }} {{# video_image_alt_1 }}

{{# video_alt_1 }} {{> product_video }} {{/ video_alt_1 }}

{{/ video_image_alt_1 }} {{# video_image_alt_2 }}

{{# video_alt_2 }} {{> product_video }} {{/ video_alt_2 }}

{{/ video_image_alt_2 }} {{# globals.variables.olapic_enabled }} {{/ globals.variables.olapic_enabled }}

{{! dot controls }}

{{# LARGE_IMAGE }}

${{ ALT_TEXT }}$

{{/ LARGE_IMAGE }} {{# LARGE_ALT_IMAGES }}

${{ ALT_TEXT }}$

{{/ LARGE_ALT_IMAGES }} {{# video_image }}

${{ ALT_TEXT }}$

{{/ video_image }} {{# video_image_alt_1 }}

${{ ALT_TEXT }}$

{{/ video_image_alt_1 }} {{# video_image_alt_2 }}

${{ ALT_TEXT }}$

{{/ video_image_alt_2 }} {{# globals.variables.olapic_enabled }} {{/ globals.variables.olapic_enabled }}

{{/ LARGE_ALT_IMAGES.0 }} {{! otherwise lets render just a single image }} {{^ LARGE_ALT_IMAGES.0 }} {{^ LARGE_IMAGE }}

${{ ALT_TEXT }}$

{{/ LARGE_IMAGE }} {{# LARGE_IMAGE }}

${{ ALT_TEXT }}$

{{/ LARGE_IMAGE }} {{/ LARGE_ALT_IMAGES.0 }}