Deals Highlight Carousel

What this section does

The Deals highlight carousel section displays an editorial-style set of promotional cards on the homepage. You can control the section heading area and each card’s media, layout, and messaging from Theme Editor.

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 Deals highlight carousel.
5. Add or edit Promo card blocks, then save.

Editor areas overview

1. Left sidebar:
   • Shows the selected section and all Promo card blocks.
   • Add Promo card creates a new carousel card.
   • Drag blocks to reorder card sequence.
2. Center preview:
   • Shows the live heading area plus visible cards.
   • Arrows appear in desktop preview when enough cards exist.
3. Right settings panel:
   • Section-level controls: Eyebrow, Heading, Background, Underline accent.
   • Card-level controls appear when a specific Promo card block is selected.

Key section settings explained

1. Eyebrow: small label above the main heading (for example, seasonal or campaign context).
2. Heading: main section title displayed above the cards.
3. Background: section background color behind heading and cards.
4. Underline accent: accent color used by the section’s decorative underline treatment.

Promo card block settings

Focus on these important settings for each Promo card block:

1. Badge: short highlight label at the top of the card content.
2. Heading: main card title.
3. Text: supporting description for the offer.
4. Link: destination URL for card media and CTA.
5. Media type: switch between image-driven and video-driven cards.
6. Image (or video poster): card visual for image mode, or poster image for video mode.
7. Uploaded video / Theme asset video filename: video source options when media type is set to video.
8. Image side: chooses whether media appears on the left or right side of the split card layout.
9. Card background: per-card surface color for content/media blend.

Common tasks

Add a new promo card

1. Select Deals highlight carousel.
2. Click Add Promo card.
3. Configure content, media, and link.
4. Drag to desired position.
5. Save.

Reorder cards

1. Drag Promo card blocks in the left sidebar.
2. Confirm order in preview.
3. Save.

Switch a card from image to video

1. Open a specific Promo card block.
2. Change Media type to Video.
3. Add Uploaded video or a Theme asset video filename.
4. Optionally set Image (or video poster) for poster fallback.
5. Save and test playback behavior.

Tips

1. Keep card headings short to avoid awkward wraps in two-column desktop cards.
2. Use consistent image direction and crop style across cards for cleaner rhythm.
3. If cards feel crowded, reduce total blocks or simplify per-card copy length.
4. Test both desktop and mobile preview because cards stack on smaller screens.

FAQs

Why do carousel arrows not appear?

Arrows appear only when there are more than two promo cards.

Why is a fallback image or video showing instead of my custom media?

If selected media is missing, the section can fall back to built-in assets based on known link destinations. Upload explicit media in the block to guarantee the exact visual.

Why does the layout change on mobile?

On smaller screens, cards switch from split two-column layout to a stacked layout for readability.

Related guides

• Home Fullwidth Slider Documentation
• Product Tabs Documentation
• Header Documentation
• Theme Documentation

Publish checklist

1. Check each promo card heading, text, and link destination.
2. Confirm media renders correctly for every card.
3. Verify order and visual consistency across cards.
4. Test desktop and mobile preview, then save and publish.

Need help?

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