Highlighting a product card in collection pages

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:

  1. Go to your Shopify admin
  2. Navigate to Settings > Custom data
  3. Click "Add definition"
  4. 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"
  5. Click Save.

Highlighting a Product

Once you've created the metafield definition, you can highlight individual products:

  1. Go to Products in your admin
  2. Open the product you want to highlight
  3. Scroll down to find the Metafields section
  4. Look for your "Highlight Card" metafield
  5. Switch it on
  6. 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.