if block_settings.slideshow_mobile_controls_style != 'hint' assign render_mobile_slideshow_controls = true endif endif assign slideshow_controls_style = block_settings.slideshow_controls_style # Use a counter instead of dots when there are many images to avoid cropping/overflow. if slideshow_controls_style == 'dots' and selected_product.media.size > 15 assign slideshow_controls_style = 'counter' endif assign render_slideshow_arrows = false if selected_product.media.size <= 1 assign slideshow_class = 'product-media-gallery__slideshow--single-media slideshow--single-media' else assign slideshow_class = '' if block_settings.media_presentation == 'carousel' assign render_slideshow_arrows = true endif endif if slideshow_controls_style == 'thumbnails' assign pagination_position = block_settings.thumbnail_position else assign pagination_position = 'center' endif # correct discrepancy between position settings for thumbnails and other controls if pagination_position == 'bottom' assign pagination_position = 'center' endif assign icons_position = 'center' # Put the icons on the opposite side of the pagination controls if block_settings.slideshow_controls_position == 'on_media' if pagination_position == 'left' assign icons_position = 'right' elsif pagination_position == 'right' assign icons_position = 'left' endif endif -%}# Determine if we're in single column mode (carousel or grid with one column) assign is_single_column = false if block_settings.media_presentation == 'carousel' or sorted_media.size == 1 or block_settings.media_presentation == 'grid' and block_settings.media_columns == 'one' assign is_single_column = true endif # Check if we need both sizes (for large first image in two-column grid) assign needs_both_sizes = false if block_settings.media_presentation == 'grid' and block_settings.media_columns == 'two' and block_settings.large_first_image assign needs_both_sizes = true endif # Calculate sizes using utility snippet if needs_both_sizes # Calculate sizes for single column (first image) capture sizes_single render 'util-product-media-sizes-attr', block: block, section: section, settings: settings, is_first_image: true, is_single_column: true, needs_both_sizes: true endcapture assign sizes_single = sizes_single | strip endif # Calculate sizes value for regular grid/carousel items capture sizes render 'util-product-media-sizes-attr', block: block, section: section, settings: settings, is_first_image: false, is_single_column: is_single_column, needs_both_sizes: needs_both_sizes endcapture assign sizes = sizes | strip -%}

Fermer