Floating gallery

A text column beside up to four cards that float in depth – photos, products, collections or videos. Cards fly in as the section appears, come forward on hover and open with their own text and button.

In the editor

Floating gallery

Where it goes

Any page template, with Add section

In the presets

Index: Home page

Settings

19

Blocks

Image, Product, Collection, Video, Text

App blocks

Yes

When to use it

The floating gallery is a showpiece: a handful of favourites presented like prints scattered on a table. Use it for staff picks, a capsule collection or the story behind a product. The Index home page shows it as a gallery of favourites.

Set it up

How it moves

With Cards in depth on, cards fly in as the section scrolls into view and come forward on hover. A click opens a card in front with its text and button; the arrows on the open card move between cards, and a click outside or Esc closes it. With the keyboard, moving the focus to a card opens it. Turn Cards in depth off for a flat, calm grid. Shoppers who reduce motion always see the calm version.

Options

• Text position: the text column on the left or right.
• Number the photos: small numbers (01, 02…) on the cards, like a catalogue.
• Product cards use the product photo unless you upload an Image; Collection cards use the collection image. Video cards play muted on a loop and show their image when there is no video.

All settings

Every setting in the order of the theme editor, with its options and its default value.

Block settings

Related