Subtitle for each product on the collection page

Shopify Discussion

Topic summary

Goal: Add a per‑product subtitle on collection pages using a product metafield.

Key steps and locations:

  • Prestige theme: Relevant snippet may be named “product-grid” or “product-item” (not card-product.liquid). Original poster confirmed finding it. A later user on Prestige still needs help; no final steps shared for Prestige.
  • Taste theme: Edit snippets/card-product.liquid. Insert the subtitle output right after the product title’s , placed above the vendor block (before the {% if show_vendor %} line).

Correct code to render the metafield:

  • Use a product metafield named custom.product_subtitle.
  • Working Liquid output: <span>{{ card_product.metafields.custom.product_subtitle }}</span>

Troubleshooting outcomes:

  • Initial attempts either placed code in the wrong spot or printed the metafield namespace/key instead of its value.
  • Moving the code above the vendor section and using the correct Liquid output resolved it.

Status:

  • Taste theme issue resolved; subtitles now show (used for tea ingredients) between title and price.
  • Prestige theme: Initial guidance provided; final implementation for the new requester remains open.

Notes: Multiple screenshots were shared to show metafield setup and code placement; these aided debugging.

Summarized with AI on December 16. AI used: gpt-5.
7

Thanks so much for the quick reply. Where exactly do i paste it? I have made an attempt below, but not sure if this is the right placement.

<h3 class="card__heading" {% if card_product.featured_media == null and settings.card_style == 'standard' %} id="title-{{ section_id }}-{{ card_product.id }}" card_product.custom.product_subtitle {% endif %}