Collage Gallery Product

File: snippets/collage-gallery-product.liquid

Used in sections: product-program

Screenshot not yet added.
Save as docs/src/assets/screenshots/snippet-collage-gallery-product.png

Description

Collage Gallery Product

Renders an SVG-based collage layout of four product images using clip paths. Displays images 2-5 from the product’s image gallery arranged in an asymmetric grid layout within SVG clip-path shapes.

Features:

• SVG clip-path masking for non-rectangular image frames
• Four-image collage layout with varying sizes
• Uses product.images[1] through product.images[4]

Usage

{% render 'collage-gallery-product' %}