# Product table

### Section overview

The Product table section displays products from a collection in a tabular format, allowing customers to compare products side by side with a focus on variants and details.

#### Common use cases

* Showcasing product comparison tables for similar items
* Displaying product specifications in an organized, scannable format
* Featuring a curated selection of related products with their key details
* Creating buyer's guides with structured product information

#### Usage tips

* Select collections with products that have similar attributes for better comparison
* Enable the variant table option to show all available variants for each product
* Use the split layout for longer descriptions or when you want the header to remain visible
* Consider disabling the variant table on mobile for a cleaner experience

### Section settings

| Setting              | Type              | Description                                                                       |
| -------------------- | ----------------- | --------------------------------------------------------------------------------- |
| Collection           | Collection picker | Select which collection of products to display in the table                       |
| Content              | Header            | Settings group for the content elements                                           |
| Heading              | Text              | The main heading text for the section                                             |
| Content              | Rich text         | Descriptive text that appears below the heading                                   |
| Button label         | Text              | Text to display on the optional call-to-action button                             |
| Button URL           | URL               | The destination link when the button is clicked                                   |
| Spacing              | Header            | Settings group for adjusting vertical spacing                                     |
| Top spacing          | Range (0-300px)   | Amount of space above the section                                                 |
| Bottom spacing       | Range (0-300px)   | Amount of space below the section                                                 |
| Color                | Header            | Settings group for color options                                                  |
| Color scheme         | Select            | Background and text color combination for the section                             |
| Border color         | Select            | Color for any borders in the section                                              |
| Button color         | Select            | Style and color variant for the section's button                                  |
| Style                | Header            | Settings group for visual styling                                                 |
| Border position      | Select            | Where to place borders in relation to the section                                 |
| Layout               | Header            | Settings group for layout options                                                 |
| Horizontal alignment | Select            | Controls the alignment of content (left, center, or right)                        |
| Enable margin        | Checkbox          | Applies horizontal margin based on theme settings                                 |
| Enable split         | Checkbox          | Divides the section into a sticky header and scrollable content                   |
| Display              | Header            | Settings group for display options                                                |
| Visibility           | Select            | Controls whether the section appears on all devices, mobile only, or desktop only |
| Show details button  | Checkbox          | Displays a button that links to the product page                                  |
| Show variant table   | Checkbox          | Displays a table of all product variants                                          |

### Block settings

This section does not contain any blocks. All configuration is done through the main section settings.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.brickspacelab.com/keystone/sections/products-and-collections/product-table.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.