Featured collection card
Overview
Featured collection card displays a small group of products as large editorial cards with price and purchase actions. Use it for a focused product drop, capsule, or campaign collection.
How it differs
Featured collection card uses products as the main editorial cards. Featured collection media pairs a separate media panel with a more conventional product list.
Before you begin
Create the collection, add the required products, and publish them to the Online Store sales channel.
Add the section
Add Featured collection card to the template where you want customers to see it.
- From Shopify admin, go to Online Store > Themes, find Radian, and select Customize.
- Use the page selector at the top of the Theme Editor to open the required template.
- In the template panel, select Add section, choose Featured collection card, and select Save.
Choose the collection
- Select the section in the Theme Editor.
- Use Collection to choose the product group.
- Set Products to show. The section supports between three and six products.
- Add the section subheading and heading, then choose their styles and alignment.
PRODUCT CARD SETUP
| Product title heading size | Sets the visual size of each product title. |
|---|---|
| Price and button position | Places purchase information in the card footer or over the image. |
| Button action | Adds the selected variant directly to cart or opens Quick view. |
| Hover effect | Chooses the desktop interaction applied to product cards. |
| Desktop and mobile height | Uses Adapt, viewport percentage, or fixed height for each layout. |
| Card corner radius | Rounds the product-card media corners. |
| Badges and labels | Controls New, Sale, Sold out, sale price, and Add to cart wording. |
| Mobile swiper | Turns the mobile cards into a swipeable product rail. |
Choose the purchase action
Use Add to cart for products that can be purchased immediately with their selected or only variant. Use Quick view when customers need to choose options before adding the product.
Configure the section layout
LAYOUT OPTIONS
| Section width | Uses Full width or a contained section layout. |
|---|---|
| Color scheme | Controls section background and foreground colors. |
| Sticky overlap | Pins cards during scrolling and optionally applies an overlap animation. |
| View all | Adds a custom label and destination for the collection link. |
| Heading layout | Sets heading position and alignment for desktop and mobile. |
| Section spacing | Sets top and bottom spacing for desktop and mobile. |
Check the result
Test every product card, badge, Add to cart or Quick view action, and View all link. Repeat the test on mobile when Mobile swiper is enabled.
Troubleshooting
COMMON ISSUES
| No products appear | Confirm the selected collection contains products published to the Online Store. |
|---|---|
| Add to cart cannot choose an option | Use Quick view for products that require variant selection. |
| Cards are cropped too aggressively | Change the desktop or mobile height mode to Adapt or reduce the fixed height. |
| View all opens the wrong page | Check the custom View all link. |