# 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.