Highlighting a product card in collection pages
This feature is only available in the Stretch theme.
You can make specific products stand out in your collection pages by adding a highlight effect. This requires setting up a special product metafield in your Shopify admin. Enabling this feature will showcase your product in every collection it is contained by making it larger than other products.
Please note: our theme demos use a combination of this feature as well as Image blocks. Image blocks provide options for images and additional content on a per-collection template basis. To add an Image block navigate to your collection page and click the + button to add a block, then select Image.
Creating the Required Metafield for a Highlight Card
First, you'll need to create a metafield definition in your Shopify admin:
- Go to your Shopify admin
- Navigate to Settings > Custom data
- Click "Add definition"
- Set up the metafield with these exact settings:
- Name: Highlight Card
- Namespace: custom
- Key: highlight_card
- Type: True / false
- Description: Optional, but you might want to add "Highlights this product in collection pages"
- Click Save.
Highlighting a Product
Once you've created the metafield definition, you can highlight individual products:
- Go to Products in your admin
- Open the product you want to highlight
- Scroll down to find the Metafields section
- Look for your "Highlight Card" metafield
- Switch it on
- Save your changes
The product card will now be highlighted in your collection pages. It's a good idea to use this feature sparingly - maybe for new arrivals or special featured items.
If you don't see your changes right away, give it a few minutes for Shopify to update your store's cache.