Collection spotlight

One full-width picture with your collection names laid over it. On a computer, pointing at a name swaps the picture to that collection and clicking it opens the collection. On a phone, each collection gets a screen of its own as the shopper scrolls, with the names held in place over the pictures.

A full-width picture with four collection names stacked in the middle, the second one highlighted and its picture showing

Set it up

Add a Collection block for each collection. It uses the collection’s own name and picture; give it another Name or Image to override, and a phone picture under its Mobile layout.

Height is how much of the screen the frame takes: the full screen, three quarters, half, or a custom height.

Under Names: their Position in the frame and their Size. Each name is a link to its collection, so there is nothing else to click.

Under Look: the Color scheme for the names, and an Image overlay with its opacity so they read over every picture.

Spotlight at half the screen height with the collection names at the bottom left in a larger size

On mobile

Each collection gets a screen as the shopper scrolls, and the names stay pinned over the pictures with the current one lit. Height sets how much of the screen each collection takes. The names can stack or run in a row, at their own size and position. Tapping a name opens that collection.