# Product spotlight section

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

One product staged large: wrap-around fitted title, spinning price sticker and feature chips.


One product staged large: wrap-around fitted title, spinning price sticker and feature chips.

The same section in the three themes:

![The Product spotlight section in the Picante style.](https://themes.spicydesign.ca/help/shots/section-product-spotlight--picante.webp)

![The Product spotlight section in the Overdrive style.](https://themes.spicydesign.ca/help/shots/section-product-spotlight--overdrive.webp)

![The Product spotlight section in the Pastille style.](https://themes.spicydesign.ca/help/shots/section-product-spotlight--pastille.webp)

**Where to find it:** In the theme editor, choose **Add section** on any template, then pick **Product spotlight**.

When you add this section, it starts from the **Product spotlight** preset.

## Settings

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Product | Product |  |  |  |
| Small heading | Text | The one everybody wants |  |  |

### Heading

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Heading | Text |  |  | Leave empty to use the product name. |
| Layout | Select | Stacked lines | One line, Stacked lines |  |
| Style | Select | Wrap around the image | Behind the image, Wrap around the image | Wrap around adds an outlined copy of the heading over the image, so the letters appear to pass behind and in front of the product. |
| Text color | Select | Accent | Color scheme text, Accent |  |
| Alternate heavy and thin lines | Checkbox | On |  | Shown when **Layout** is Stacked lines. |

### Image

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Image ratio | Select | Portrait (4:5) | Adapt to image, Portrait (4:5), Square (1:1) |  |
| Position | Select | Center | Left, Center, Right |  |
| Width | Slider | 32 % | 20 to 60 %, step 2 | Share of the section width on desktop. |
| Image angle | Slider | -6 deg | -15 to 15 deg, step 1 |  |
| Rotation on scroll | Slider | 14 deg | 0 to 30 deg, step 2 | How far the image turns as the section scrolls past. 0 keeps it still. |
| Drift images on scroll | Checkbox | On |  |  |

### Price sticker

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Show price sticker | Checkbox | On |  |  |
| Sticker text | Text | Only |  | Shown when **Show price sticker** is on. |
| Spin the sticker | Checkbox | On |  | With bold motion, the sticker spins as customers scroll. Shown when **Show price sticker** is on. |

### Content

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Show description | Checkbox | On |  |  |
| Description | Rich text |  |  | Leave empty to use the first lines of the product description. Shown when **Show description** is on. |
| Alignment | Select | Left | Left, Center, Right |  |
| Button style | Select | Solid | Solid, Outline |  |
| Show link to the product page | Checkbox | On |  |  |

### Section style

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Color scheme | Color scheme | Scheme 4 |  |  |
| 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 | 80 px | 0 to 200 px, step 8 |  |
| Bottom padding | Slider | 80 px | 0 to 200 px, step 8 |  |

This section holds up to 8 blocks.