Build a product table

Follow these steps

1. 1

   Select products

   PropertiesProducts

   Select the product table and search by name or SKU. Click a result to add it. The cross removes that product from this table only. Clicking the dotted handle moves a selected item up one position; this control does not support drag sorting.

2. 2

   Choose displayed details

   PropertiesDisplay Settings

   Choose whether to show brand, SKU, description, variants, specifications, and color name. Adjust specification label/value and SKU colors. These controls display existing data rather than adding fields to the product record.

3. 3

   Style the rows

   PropertiesTable Style

   Set border color and width, outer border, cell padding, row gap, and alternating rows. Adjust image size, radius, and Contain/Cover fitting. After adding products, check that the table still fits the page.

4. 4

   Set text and actions

   PropertiesBody Style

   Set title and description sizes, font, weight, primary/secondary text, and price colors. Body text can use a paragraph style. In Table Style, enable the button, choose Add to Cart or Request Quote, and set its text, size, and colors.

5. 5

   Describe the collection

   PropertiesAccessible publication

   With accessible authoring enabled, name the product table and describe each selected product image, or mark it decorative where appropriate. Revisit these fields after changing products or photos.

Related lessons

• Product cards and product tables
• Add a table and edit cells
• What happens when product data changes?
• Select a product and style its card