Featured products slider settings
The Featured Products Slider is a section that shows a scrollable row of hand-picked products (up to 12) instead of pulling products in automatically. Each product card has an image (or a custom image/video), title, and price, plus an "Add to cart" or "Choose options" button — so shoppers can buy right from the homepage without opening the product page.
| Setting | Description |
|---|---|
| Section color scheme | Sets the background and text colors for the whole section, including the slider navigation arrows. Choose from your theme's predefined color schemes (Theme settings → Colors) to keep the section consistent with the rest of the page. |
| Heading | The text displayed above the slider (e.g. "Loved by the Community"). Supports basic inline formatting — bold, italic, and links. Leave it blank to hide the heading; if there's also only one product card, the entire header row (heading + arrows) disappears. |
| Heading size |
Controls how large the heading text renders. • Small • Medium • Large |
| Title alignment |
Aligns the heading — and the arrow buttons next to it — either to the left edge of the section or centered above the slider. • Left: heading sits on the left, arrows on the right. • Center: heading is centered above the slider. |
| Cards per row (desktop) | Sets how many product cards are visible at once on desktop screens (1025px and wider), from 2 to 5. On smaller desktop/tablet widths the theme automatically shows one fewer card than this value, and on mobile it always shows about 1.2 cards, so the edge of the next one peeks into view as a hint that the row scrolls. |
| Auto-rotate slides | When enabled, the slider automatically advances to the next set of cards without the visitor clicking the arrows or swiping. It keeps auto-advancing but stops at the last card rather than looping back to the first. |
| Change slides every | Sets how many seconds the slider waits before automatically moving to the next slide. Only appears and takes effect when Auto-rotate slides is turned on. |
| Show arrows | Displays previous/next navigation buttons beside the heading so visitors can manually browse the cards. They only appear when more than one product card is added, and hide themselves automatically once every card already fits on screen (nothing left to scroll to). |
| Image ratio |
Sets the aspect ratio of the product image shown at the top of each card. • Portrait: a taller, narrower image. • Square: equal width and height. • Landscape: a wider, shorter image. |
| Button style |
Sets the visual style of each card's action button — "Add to cart", or "Choose options" for products with multiple variants. • Primary: solid, high-emphasis button in the color scheme's accent color. • Secondary: a lighter-emphasis filled button. • Outline: a bordered button with a transparent background. |
| Top padding | Empty space above the section on desktop, in pixels. |
| Bottom padding | Empty space below the section on desktop, in pixels. |
| Top padding mobile | Empty space above the section on mobile devices, in pixels. |
| Bottom padding mobile | Empty space below the section on mobile devices, in pixels. |