Product gallery

Settings

Setting	ID	Type	Default	Description
Block class	class	text
Layout	gallery_layout	select	carousel-bottom
Media ratio	aspect_ratio	select
Slide effect	gallery_effect	select	slide
Autoplay delay	carousel_delay	range	0	0 = disable autoplay.
Enable click to zoom	enable_zoom	checkbox	true
Zoom max ratio	zoom_ratio	range	3
Enable mousewheel control	enable_mousewheel	checkbox	false
Show prev/next button	show_prevnext	checkbox	true
Prev/next size	prevnext_size	range	36
Thumbnails per view (desktop)	thumb_perview	range	4	0 = auto size
Thumbnails per view (mobile)	thumb_perview_mob	range	4	0 = auto size
Show arrows on thumbnails	show_prevnext_thumb	checkbox	false
Arrow size	thumb_arrow_size	range	28
Enable controls	controls	checkbox	true
Enable autoplay	autoplay	checkbox	false
Enable muted	muted	checkbox	true
Enable loop	loop	checkbox	false
Show play button	show_play	checkbox	true
Background	model_bg	select	transparent
Automatic play	model_autoplay	checkbox	false	When the model contains animations.
Automatic rotation	auto_rotation	checkbox	false
Rotation speed	rotation_speed	range	0
Labels order	card_labels	text	new/reduction/hot/sold-out/pre-order/refurbished/tiered-pricing/bulk-order	All labels: new / reduction / hot / sold-out / pre-order / refurbished / tiered-pricing / bulk-order. Sort freely or delete any you don't want.
Position	card_labels_position	select	top-start	Where the label stack sits over the product image.
Style	card_labels_schema	select	solid
Shape	card_labels_shape	select	rounded-md	Same 32-shape vocabulary as the button blocks.
Size	card_labels_size	select	md
Hot method	card_status_sale_type	select	tag	Collection: shows when the product is in a collection whose handle contains 'hot'. Tag: add the tag 'Hot sale'. Always: always show.
Reduction type	card_reduction_type	select	percent
New arrival method	card_new_method	select	collection	Collection: product in a collection whose handle contains 'new'. Tag: add the tag 'New'. Date: created within the limit below.
New arrival date limit	card_new_limit	range	7	Label shows if the product was created within this many days

Option values

• Layout (gallery_layout): Carousel - thumbnails top (carousel-top), Carousel - thumbnails bottom (carousel-bottom), Carousel - thumbnails left (carousel-start), Carousel - thumbnails right (carousel-end), One column (columns-1), Two column (columns-2)
• Media ratio (aspect_ratio): Auto (``), Custom (3:1) (3.0), Ultrawide (21:9) (2.33), Double-width (2:1) (2.0), Widescreen/HD (16:9) (1.78), Classic/DSLR (3:2) (1.5), ISO Paper (1.4:1) (1.4), Standard Definition/SD (4:3) (1.33), Landscape (5:4) (1.25), Square (1:1) (1.0), Instagram Portrait (4:5) (0.8), Portrait Photography (3:4) (0.75), Pinterest Pin Ratio (2:3) (0.67), Portrait (9:16) (0.56)
• Slide effect (gallery_effect): Slide (slide), Fade (fade)
• Background (model_bg): Transparent (transparent), White (white), Black (black), Primary (primary), Secondary (secondary), Success (success), Warning (warning), Danger (danger)
• Position (card_labels_position): Top, left to right (top-start), Top, right to left (top-end), Left, top to bottom (side-start), Right, top to bottom (side-end)
• Style (card_labels_schema): Solid (solid), Outline (outline), Soft (soft)
• Shape (card_labels_shape): Square (rounded-none), Rounded small (rounded-md), Rounded medium (rounded-xl), Rounded large (rounded-2xl), Rounded extra large (rounded-3xl), Squircle (rounded-squircle), Circle (rounded-circle), Pill (rounded-full), Rounded top (rounded-top), Rounded bottom (rounded-bottom), Single corner (rounded-corner), Diagonal corners (rounded-diagonal), Arch (rounded-arch), Dome (rounded-dome), Cylinder (rounded-cylinder), Barrel (rounded-barrel), Leaf pointed (rounded-leaf-point), Leaf (rounded-leaf), Lens (rounded-lens), Petal (rounded-petal), Egg (rounded-egg), Egg inverted (rounded-egg-inverted), Shield (rounded-shield), Drop (rounded-drop), Diamond (rounded-diamond), Blob (rounded-blob), Amoeba (rounded-amoeba), Flower (rounded-flower), Mountain (rounded-mountain), Pebble (rounded-pebble), Bean (rounded-bean), Cloud (rounded-cloud)
• Size (card_labels_size): Small (sm), Medium (md), Large (lg)
• Hot method (card_status_sale_type): Collection (collection), Tag (tag), Always (always)
• Reduction type (card_reduction_type): Percent (percent), Value (value)
• New arrival method (card_new_method): Collection (collection), Tag (tag), Date (date)

Presets

• Product gallery