Multi-product layouts
Last updated: September 8, 2026 · 1 min read
Arrange multiple products consistently on a page.
A preset arrangement of cards and a single Products block have different controls. Use the panel for the object you selected.
Follow these steps
- 1
Insert a preset layout
EditorProduct Cards
Click a preset with the row/column layout you need in Product Cards. Select its inserted cards and connect products. When cards are independently selectable, their size and appearance can be changed separately.
- 2
Set columns on a Products block
PropertiesLayout
For a single Products block, set 1–4 columns and check or uncheck products in its selection list. Removing a selection does not delete the product record.
- 3
Finish styling and alternatives
PropertiesTypography
Set price visibility and the name/price font sizes. Use Colors for text, price, card background, and borders. Describe product images in accessible authoring, and check the completed layout fits the page.
Check your result
Check the result in preview, then verify the reader experience in the published version.