Collection Card
The collection card block renders a featured collection as a visual card with an image background and an overlaid title. It delegates rendering to the featured-collection-card snippet and automatically adapts between a Splide carousel slide and a plain grid item depending on the parent section’s settings. When no collection is selected, it shows a placeholder.
Settings
Section titled “Settings”| Setting | What it does |
|---|---|
| Block ID | An optional anchor ID for deep-linking or scroll-to navigation. Must be unique on the page. |
| Collection | The Shopify collection to feature. Its image and title are used by default. |
| Title Override | Replaces the collection’s native title with custom text. Leave blank to use the collection title. |
| Image Override | Replaces the collection’s featured image. Leave blank to use the collection image. |
Used in
Section titled “Used in”- The card automatically picks up the collection’s featured image and title, so the override fields are only needed when the defaults are not ideal for the layout.
- If the parent section has its carousel toggle enabled, each card wraps itself in the correct Splide slide markup. No extra configuration is needed.
- A collection must be selected for the card to render meaningful content. Empty cards show a generic placeholder in the editor so you can see the slot.