Adding a short description for each product on collections page FLEX theme

Topic summary

Goal: show a short product description (taste notes) on the collection page in FLEX, enlarge product titles, and display a roast-level image.

Implementation so far:

  • Location: edit product-thumbnail__product-info.liquid to output custom metafields instead of a truncated product.description.
  • Data: use product.metafields.custom.tastes_like_description and create/populate that metafield per product.
  • Image metafield: advised to change to image-specific output for roast_level_info, but the exact code snippet is not fully provided in the thread.

Styling changes:

  • Add CSS in Assets > styles.css to adjust spacing and title size:
    • .product-thumbnail__description img { padding: 5px 0; }
    • .product-thumbnail__title { font-size: 20px !important; }
  • Open questions remain on adding padding to text metafields and changing the font for the last metafield.

Issues/regressions:

  • Product “stickers”/badges (e.g., New/Coming soon) stopped displaying after code changes; no fix posted yet.

Other notes:

  • Another merchant requested the same feature and was given the truncate snippet.
  • A question about themes that support this without custom code is unanswered.

Status: partially implemented; guidance provided, but spacing, font styling for a specific metafield, image output code, and sticker restoration remain unresolved.

Summarized with AI on January 4. AI used: gpt-5.

My stickers are not showing now either?

1 Like