Shop the look: Gallery

Create simple, elegant galleries that highlight key looks, or design promotional features that spotlight campaigns, launches, and collaborations. Each visual can seamlessly connect to products, giving customers an intuitive Shop the Look experience.

Example of what you can achieve with this section

shop the look gallery design number one
circle-info

You can create a promotional gallery that showcases images associated with the products you’re trying to highlight.

shop the look gallery design number two
circle-info

You can also create a classic Shop the Look experience, featuring an image or video of a model with related products displayed alongside.

Section settings

Settings
Type
Description

Featured content

Type

select

Select None, Image, or Video for the featured media.

Image

image_picker

Upload the featured image (shown when Type = Image).

Video

video

Select the featured video (shown when Type = Video).

Product

product

Product displayed alongside the featured media.

Position

select

Place the featured media on the left or right.

Desktop

Image aspect ratio

range

Adjust the height-to-width ratio of gallery media.

Layout

select

Display gallery items in a grid or slider.

Products per row

range

Number of gallery items per row on desktop.

Mobile

Layout

select

Choose 1 per row, 2 per row, or slider layout.

Reverse block placement

checkbox

Alternate media and product alignment.

Layout

Width

select

Section width: full, padded, or normal.

Colors

Color scheme

color_scheme

Applies theme color scheme to the section.

Dot icon

color

Color of interactive gallery dots.

Dot background

color

Background color of gallery dots.

Padding

Top

range

Space above the section.

Bottom

range

Space below the section.

Last updated