Quick view

Make it yourself

1. Add a List of products with your card, as usual.
2. Draw a box for the quick view and choose ⋯ › Turn into › Pop-up. A pop-up covers the screen: give it a see-through dark background, and set its layout to Stack, centred.
3. Inside it, draw the card: a photo, the name, the price, an Add to cart button and a Close button, on a paper background with round corners.
4. Group the photo, name, price and button into a box, and set its Read data from to the current item of the list. Set each part's Shows.
5. Select the list and, in its Behaviour tab, set When one is clicked to Make it current and open “Quick view”.
6. Set the button's When clicked to Add to cart, and the Close button's to Close the layer.

Made with

• Drawers and pop-upsBoxes that slide in or cover the page until something opens them.
• ListsA box that repeats a component for every product, collection or photo.
• Click actionsWhat a click or tap does: open, step through, add to cart, flip a switch.