Adding text or metafield to the featured collection on homepage

Store Design
, ,

Topic summary

Goal: Add a subheader/extra text to each product in the Dawn theme’s homepage featured collection, alongside title, price, and add-to-cart.

Initial issue: Attempts using metafields didn’t work, and the product loop couldn’t be found in featured-collection.liquid; partial section code was shared without the loop.

Proposed approaches: Edit the featured-collection section file to locate the product loop, then render product.title, price, and a metafield (e.g., product.metafields.extra_info.sub_title). Guidance emphasized backing up the theme and familiarity with Liquid/HTML/CSS.

Resolution: A YouTube tutorial was shared and followed; the implementation worked perfectly per the requester’s confirmation.

Technical notes: Metafields are custom product fields that store additional data (e.g., a sub-title) and are output in Liquid via product.metafields.namespace.key. The featured collection is a homepage section that iterates over selected products.

Artifacts central: Code snippets and the video tutorial were key to the solution; the initial screenshot was not essential.

Status: Resolved; no open questions remain.

Summarized with AI on December 21. AI used: gpt-5.
4

Hello @jason12345

To add a subheader or additional text to each product in the featured collection on your Dawn theme homepage, you’ll need to modify the theme code.

Try these steps: it might be helpful to you-

  1. Online store> themes> actions >edit code> sections > locate the file > featured-collection.liquid.

  2. In this file, you should see a code block that loops through the products in the featured collection. It might look something like this:

{% for product in section.settings.products %}
  
    ### {{ product.title }}
    {{ product.price | money }}
    
    
  

{% endfor %}

For subheader:

{% for product in section.settings.products %}
  
    ### {{ product.title }}
    #### {{ product.metafields.namespace.key }} 
    {{ product.price | money }}
    
    
  

{% endfor %}
  • In the modified code, replace ‘namespace.key’ with the actual path to your metafield. If you haven’t set up metafields yet, you’ll need to create them first. You can do this using a Shopify app or by manually adding metafields to your products. For example, if you created a metafield with the namespace “extra_info” and the key “sub_title” for each product, you would replace ‘namespace.key’ with ‘extra_info.sub_title’.

-Save the changes to the file by clicking on the “Save” button.