Product Promo Carousel

What this section does

The Product promo carousel section highlights category promos in a split text-and-image carousel. It supports section-level heading content plus multiple promo slides with their own copy, link, image, and background style.

How to set it up

1. Go to Online Store -> Themes.
2. Click Customize.
3. Open the Home page template.
4. In the left sidebar, select Product promo carousel.
5. Add or edit promo slides, then save.

Editor areas overview

1. Left sidebar:
   • Shows the selected section and promo slide blocks.
   • You can add, remove, or reorder slides.
2. Center preview:
   • Displays split slide layout with text panel + image panel.
   • Shows arrows and dots when more than one slide exists.
3. Right settings panel:
   • Section-level controls for backgrounds and heading copy.
   • Block-level controls appear when a specific promo slide is selected.

Key section settings explained

1. Section background: outer section background color.
2. Carousel background: background color of the carousel component container.
3. Heading: section title above the carousel.
4. Subheading: supporting text under the heading.

Promo slide block settings

Each Promo slide block includes:

1. Category label: short eyebrow label above slide heading.
2. Heading: primary message for the slide.
3. Text: supporting description.
4. Link: target URL for slide CTA and image click.
5. Image: visual asset shown in the image pane.
6. Background color: per-slide split panel background.

Important behavior:

1. The section supports up to 12 promo slides.
2. Slide layout alternates left/right on desktop to create visual rhythm.
3. If no image is set, the theme can use fallback assets for known collection/blog links.

Common tasks

Add a new promo slide

1. Select Product promo carousel.
2. Add a Promo slide block.
3. Fill category label, heading, text, link, and image.
4. Save.

Reorder slides

1. Drag promo slide blocks in the left sidebar.
2. Confirm order in preview.
3. Save.

Refresh section styling

1. Update Section background and Carousel background to match campaign tone.
2. Adjust per-slide Background color values for consistency.
3. Save and verify readability.

Tips

1. Keep headings concise so split slides remain balanced on tablet widths.
2. Use consistent copy length across slides for smoother carousel pacing.
3. Use high-quality, similarly framed images to avoid visual jumps between slides.
4. Check desktop and mobile preview before publishing.

FAQs

Why do arrows and dots not show?

They appear only when the section has more than one slide.

Why is a different image appearing than expected?

If a slide image is blank, the theme may fall back to preset assets based on the slide link.

Why do slide layouts alternate automatically?

Desktop slides intentionally mirror layout by index for visual variety and scannability.

Related guides

• Deals Highlight Carousel Documentation
• Bundle Product Showcase Documentation
• Product Tabs Documentation
• Theme Documentation

Publish checklist

1. Verify heading/subheading copy.
2. Check each slide link and image.
3. Confirm desktop/mobile readability and navigation controls.
4. Save and publish.

Need help?

If you still need help, contact support via the Contact page.