Collection list banner 🔥

Highlight a promotion, collection, or featured content using a custom image, headline, text, and optional call-to-action button — all wrapped in a clean and responsive layout.

#Image settings

• Image: Upload an image for the card.
• Image overlay opacity: Add a dark overlay for better text readability.

#Content settings

• Content position: Choose where the text/button appears.
• Content alignment: Align text left, center, or right.
• Content spacing: Adjust padding around the text.
• Content gap: Adjust the gap between elements in the content.
• Card link: Add a link to the image that directs customers to a desired page.
• Subheading & Heading: Add eye-catching titles.
• Text: Add supporting promo or product details.
• Button label: Add a call-to-action button to the card content.
• Button style: Choose between primary, secondary, underline, etc.

#Badge settings

You can add a promotional badge like “Save 40%” or “New” to catch the shopper’s attention with deals or labels.

• Show badge: Toggle on/off.
• Color scheme: Style it to match your theme.
• Shape: Circle or Square.
• Position: Top right/Top left/Button right/Button left.
• Subtext & Text: Customize your badge message (e.g. Save / 40%).

#Mobile settings

• Choose a mobile-specific image if needed for better display.
• Set how the content is aligned on mobile: Left/Center/Right.

Select a collection for the block. It automatically takes the collection's featured image and title. You can also upload a new image/add a custom title for the section.