Product spotlight

The Product spotlight section is a visually engaging preset layout that showcases a single product at the center, surrounded by up to four decorative images positioned around it. This layout is ideal for highlighting a hero product with supporting imagery that adds personality and storytelling.

This is a preset section — it can be added, removed, and reordered within any template.

---

How to Configure the Product Spotlight

1. In Shopify admin, go to Online Store → Themes.

2. Click Customize next to the Elemento theme.

3. In the theme editor, navigate to the desired page template (e.g., Home page) using the top preview dropdown.

4. In the left sidebar, click Add section, then select Product Spotlight, or locate it if it’s already added.

5. Select the product you want to highlight and customize settings such as images and product cards.

6. You can drag and drop this section to reorder it on the page.

7. Click Save.

Section Settings

Setting	Type	Description
Product	Product select	Choose the featured product to display in the spotlight.
Heading	Text	Optional title for the section, displayed prominently above the product.
Color scheme	Color scheme	Defines the visual style of the section.

Section Padding

Device	Setting	Type	Description
Desktop	Top padding	Range	Space above the section on desktop view.
Desktop	Bottom padding	Range	Space below the section on desktop view.
Mobile	Top padding	Range	Space above the section on mobile view.
Mobile	Bottom padding	Range	Space below the section on mobile view.

---

Blocks

You can add up to 4 Image blocks to surround the central product visually.

Block: Image

Setting	Type	Description
Show image	Checkbox	Toggle to enable or disable display of this image.
Image	Image picker	Upload or select the image to appear in the background around the product.
Image size	Select (Small, Default)	Controls the size of the image relative to the spotlight layout.