Product cards and product tables
Last updated: September 8, 2026 · 1 min read
Display product data in a card, layout, or table.
The product record and its page design are separate. Choose a layout first, then review how data changes affect it.
- Select a product and style its card
Connect a card to a product record and choose its visible fields.
- Card images and the product gallery
Distinguish a card-specific image choice from changes to the shared product gallery.
- Build a product table
Present several products with images, details, and actions in rows.
- What happens when product data changes?
Understand the difference between data updates, card settings, and publishing.
- Multi-product layouts
Arrange multiple products consistently on a page.
Follow these steps
- 1
Choose a layout
EditorProduct Cards
Open Product Cards in the left panel. Choose a card for one product or a product table for a list. A preset multi-card layout can create separate cards; select each card to set its product and appearance.
- 2
Separate data from design
PropertiesProduct
Names, prices, and images come from the product record. Spacing, typography, visible fields, and the card’s selected image belong to the block. Recheck long names, descriptions, and new image proportions after a data update.
Check your result
Check the result in preview, then verify the reader experience in the published version.