Showing your products

Lists

A list is a box that repeats one component for every record it holds: a card for each product, a chip for each collection, a photo for each of a product's pictures. Add a product, and it shows up in every list it belongs to.

Stoneware Mug — One card, made once, repeated for each product the list holds.

Pleated Table Lamp — One card, made once, repeated for each product the list holds.

How to make one

Open the Library on the left and drag List of products onto the page. It arrives showing VendBender's product card.
Or turn a box you drew into one: select it and choose ⋯ › Repeat a list in this box.
Pick what it holds and which component it repeats in its Design tab.

Design

Records: From the store: all products, a collection's products, the collections themselves, tags, or the cart's lines. Inside the item it sits in: a product's photos or its choices, like sizes.
Show only: Everything, or only the records where something holds: on sale, in stock, sold out.
Order: As listed, newest first, by price, A to Z. Or pick products by hand, in the order you want.
How many: A fixed number, or all of them a page at a time, with a Show more button.
Show fewer on phones: A shorter list on phones, where a long one means a lot of scrolling.
Each item uses: The component repeated for each record.
How the items are arranged: Grid, row, stack or carousel, with the gap between them, the same as any box.

Behaviour

When one is clicked: Open its page (a product's page, say); make it the current item; make it current and open a drawer or pop-up; narrow another list to what belongs to it; or nothing.
The current item follows the pointer: On computers, pointing at an item makes it the current one, with no click.

The current item is the one a shopper picked. Anything else on the page can show it: select it and set Read data from to the list. That's how a size picker, a gallery or a close-up works.

Good to know