Seventh > Cards > Collection card
Collection card
The Collection card block displays a selected collection using collection-specific inner blocks like title, thumbnail, and product count.
What it does
This block displays a collection card with:
- Selected collection content
- Collection inner blocks (title, thumbnail, count)
- Card styling options (padding, spacing, scheme)
Block settings explained
Collection
- Selects which collection to display.
Card Style
Text alignment
- Aligns card content (left, center, right).
Inner blocks spacing
- Controls spacing between inner blocks.
Padding
- Sets the card’s padding (around the card).
Add padding to media
- Adds padding around inner media (image or video) blocks. Doesn't refer to card background media.
Remove card background
- Removes the card's background (color and gradient), removing also the padding around the card.
Border radius
- Controls corner rounding (only for the main card, not the inner blocks).
Color scheme
- Selects the card color scheme.
Collection card blocks
Collection count
- This block displays the number of products that are in your collection.
Collection image
- Display's the collection image.
- If the collection doesn't have an image, it will fallback to the first product image.
- You can also choose a custom image that will override both the featured collection image or the fallback
Tip: Use metafields to set up custom collection images for your collections, to display them in collection cards.
- You can also choose an aspect ratio for the collection image, either a fixed one (includes cropping), or a natural one (images display at the exact size they are uploaded).
Collection title
- Displays the collection title (as a link to the selected collection).
- You can also change the typography style of this block and set a custom HTML tag for SEO purposes.
Common Use Cases
Featured collections
Highlight key collections on the homepage or landing pages.
Category navigation
Help customers browse by product type, use case, or theme.
Seasonal merchandising
Promote seasonal or limited collections with strong visuals.
Editorial layouts
Mix collection cards with content cards for more dynamic page structures.