# Alt collection grid

### Section overview

The Product Featured section displays a grid of highlighted products from a selected collection, with support for heading, content text, and a call-to-action button.

#### Common use cases

* Showcasing featured or best-selling products on the homepage
* Highlighting seasonal or promotional products
* Creating curated product collections for specific customer segments
* Drawing attention to new product releases

#### Usage tips

* Products in this section work best when they have at least 4 product photos
* Adjust the number of products displayed to balance visual impact with page load performance
* Use the split layout option for larger collections to keep the heading visible while scrolling
* For mobile experiences, consider using fewer products per row (1-2) to maintain readability
* Customize color schemes to match specific marketing campaigns or seasonal themes

### Section settings

| Setting               | Description                                                                  |
| --------------------- | ---------------------------------------------------------------------------- |
| Collection            | Select which product collection to display                                   |
| Total items           | Set the maximum number of products to show                                   |
| Heading               | Add a title for this section                                                 |
| Content               | Add descriptive text to appear below the heading                             |
| Button label          | Text to display on the call-to-action button                                 |
| Button URL            | Link destination when the button is clicked                                  |
| Top spacing           | Control the amount of space above the section (in pixels)                    |
| Bottom spacing        | Control the amount of space below the section (in pixels)                    |
| Color scheme          | Choose from preset color schemes or select custom                            |
| Custom color          | Select a custom background color when "Custom" is chosen                     |
| Text color            | Choose default or force light/dark text colors                               |
| Border color          | Select subtle or strong border color                                         |
| Button color          | Choose from various button styles (primary, secondary, outline, etc.)        |
| Enable color fade     | Enable background color transition effect when scrolling                     |
| Border position       | Choose where borders appear (none, top, bottom, or both)                     |
| Desktop items per row | Control how many items appear in each row on desktop                         |
| Mobile items per row  | Control how many items appear in each row on mobile                          |
| Horizontal alignment  | Set content alignment (left, center, or right)                               |
| Enable margin         | Add horizontal margin to the section                                         |
| Enable split          | Display heading on left and products on right in a split layout              |
| Enable split heading  | Split the heading when in split layout mode                                  |
| Visibility            | Control whether section appears on all devices, mobile only, or desktop only |

### Block settings

This section does not contain blocks.


---

# 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/space/sections/products-and-collections/alt-collection-grid.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.