# Product page settings

Source: https://themes.spicydesign.ca/help/reference/templates/product/
Updated: 2026-11-12

Product page: gallery, variant picker, buy buttons, heat-level meter, perks, accordions, complementary products, sticky add-to-cart bar.


Product page: gallery, variant picker, buy buttons, heat-level meter, perks, accordions, complementary products, sticky add-to-cart bar.

**Where to find it:** Open the theme editor, use the page picker at the top to open a product, then select **Product information** in the sidebar. This section is part of the template and cannot be added to other pages.


## Settings

### Media gallery

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Layout | Select | Two-column grid | Two-column grid, Stacked, Carousel with thumbnails | Phones always show a swipeable gallery. |
| Media position | Select | Left | Left, Right |  |
| Media width | Slider | 58 % | 35 to 70 %, step 1 |  |
| Image ratio | Select | Portrait (4:5) | Adapt to image, Portrait (4:5), Square (1:1), Landscape (4:3) |  |
| Media fit | Select | Fill the frame | Fill the frame, Show the whole image |  |
| Gap | Slider | 12 px | 0 to 40 px, step 2 |  |
| Open images in a full-screen viewer | Checkbox | On |  |  |
| Loop videos | Checkbox | Off |  |  |

### Product information

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Keep the shorter column in view while scrolling | Checkbox | On |  |  |
| Show sticky add-to-cart bar | Checkbox | On |  | Slides in once the buy buttons scroll out of view. |
| Sticky bar color scheme | Color scheme | Scheme 3 |  | Shown when **Show sticky add-to-cart bar** is on. |

### Section style

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Color scheme | Color scheme | Scheme 1 |  |  |
| Layout width | Select | Page width | Page width, Full width |  |
| Animation on scroll | Select | Theme default | Theme default, None, Fade, Slide up, Scale in, Wipe, Blur in |  |
| Top padding | Slider | 40 px | 0 to 200 px, step 8 |  |
| Bottom padding | Slider | 80 px | 0 to 200 px, step 8 |  |