Featured Collection
Highlight curated collections, campaigns, or promotional categories through two visually impactful collection cards.
The Featured Collection section is designed to highlight curated collections, campaigns, or promotional categories through two visually impactful collection cards. Each card supports a custom image, heading, call-to-action link, and individual styling controls, allowing merchants to create engaging collection-focused storytelling throughout the storefront.
The section is fully responsive and adapts seamlessly across desktop, tablet, and mobile devices while maintaining strong visual emphasis on featured collections and promotional content.
How to Edit the Featured Collection Section
- From your Shopify admin, go to Online Store → Themes.
- Click Customize on the active theme.
- Select the Featured Collection section from the left sidebar.
- Adjust the settings according to your preferences.
- Click Save to apply your changes.
Section Settings
- Color Scheme: Select a color scheme that matches the overall design of the storefront and surrounding content.
- Heading: Add an optional section heading to introduce the featured collections and provide context for customers.
- Layout & Spacing: Control the section spacing using customizable padding and margin settings. These settings help create consistent spacing between adjacent sections and improve overall page composition.
Featured Collection Card 1
The first card can be configured independently to showcase a collection, category, seasonal campaign, or promotional destination.
Merchants can
- Upload a custom image.
- Add a collection title or promotional heading.
- Control the maximum width of the heading.
- Customize heading color.
- Add a call-to-action label.
- Customize link color.
- Assign a destination URL.
Featured Collection Card 2
The second card provides the same flexibility and can be used to highlight an additional collection, category, or campaign.
Merchants can
- Upload a custom image.
- Add a collection title or promotional heading.
- Control the maximum width of the heading.
- Customize heading color.
- Add a call-to-action label.
- Customize link color.
- Assign a destination URL.
Fallback Behaviour
If a collection image is not assigned, a placeholder graphic is displayed automatically. This ensures the section remains visually structured during store setup and content management.
Best Practices
Do
- Use high-quality collection imagery.
- Keep collection titles short and impactful.
- Link cards directly to relevant collection or campaign pages.
- Use contrasting text colors for better readability.
- Feature collections that are important to current marketing goals.
Don't
- Use overly long collection titles.
- Link cards to unrelated destinations.
- Use low-resolution images.
- Overcrowd collection cards with excessive text.
- Use text colors that reduce readability against the background image.