Hi, How do I add an ingredients list to my products. I sell lip gloss and soon will have lip scrub and I want to be able to include ingredients for my customers.
You can do that now natively using metafield definitions , quick tutorial below, some old ways may also be valid for some use cases and I mention them at the end.
Learn about metafield definitions here https://help.shopify.com/en/manual/metafields/metafield-definitions
Merchants wanting to buy this setup and theme customizations may contact me.
For a simple list you can use metafield definitions, aka mf-defs, in this example i’m setting the namespace to ingredients and the key to multiline_text just to hint to myself that i’ve set the type to ‘Multi-line text’ and can add more than a single line of text. But you could just as easily set the key to “list” if that will make more sense day to day.
Create metafield definitions here shopify.com/admin/metafields
Example screenshot of setting up a mf-def for an ingredients namespace with multiline_text key and multi-line text type:
When saved a new input will appear in each products admin under the Search engine listing preview
In the screenshot in a products admin metafields UI for this mf-def I’ve entered some text for 3 items in html
To display it in your your theme you’d add following line of code, for this example, to your themes product templates where you want to display the metafield definition( or use a dynamic source for OS2 themes that support that feature)
Always backup your themes before making changes
{{ product.metafields.ingredients.multiline_text.value }}
*if you modify things change the namespace(ingredients) and key(multiline_text) to match your changes.
Some other methods:
Just adding this to each products description(using CSV if you needed to do it in bulk), placing ingredients in tags(which allow for tag based organization or navigation or filtering), or use pages that match the product handle to hold that content and reference it in product templates:
{{ pages[product.handle].content }}
Thank you so much! At first I was like crap I have to do code stuff but then I read carefully and was able to paste the snippet but then it didn’t work(The snippet is multi_line and I want to do list) then I realized the code said ingredients.multi_list when it should say ingredients_list and I changed that and now it shows up on my website. Again Thank you so much!
2 Likes
I used Sense theme to my store, where exactly do I add the code snippet
{{ product.metafields.ingredients.multiline_text.value }}
to see the ingredients list?