Users are seeking ways to display custom text beneath product images on collection pages, positioned above the price and buy button.
Primary Solution:
card-product.liquid snippet to call this metafield where desiredImplementation Steps:
custom.short_description{% for product in collection.products %}){{ card_product.metafields.custom.short_description }} in the appropriate position within card-product.liquidKey Considerations:
Hello!
How exactly would one go about putting words underneath the product image and above the price/buy button inside a collection page, on a featured product header in the main site, etc?
I’ve seen this page but the advice given is unclear and doesn’t seem to work according to the poster.
Hello @WrenRA
it is possible via add a metafield of product for short description and call this metafield to collection page product grids.
There’s likely a snippet that gets output for every product in your collection loop. It’s going to be different for every theme. Typically there’s a loop outputting your collection items like:
{% for product in collection.products %}
{% render 'product-card', product: product %}
{% endfor
In this case “product-card” would be a snippet called “product-card.liquid”
Inside there you’d find the code for the card, and then in that case you’d find where your image is being output and put your text there. If it was the same text for every product it would be as simple as adding the text to the card. However if you want it product based (different for every one) you would need to make a product metafield (Settings > Custom data > Products ) for your product with a type of “Single line text”.
Then you’d go into your product in the admin, towards the bottom you would see where you could edit your metafield after you created it. I didn’t actually make that metafield that I posted above, but it would appear here:
After you edited the metafield and added your text for the product you’d go into the product-card snippet and add it by checking if it existed. A simplified example:
{{ product.image | image_url: width: 450 |image_tag }}
{% if product.metafields.custom.product_additional_info != blank %}
{{ product.metafields.custom.product_additional_info }}
{% endif }
Very simplified but that’s the idea
Hi @WrenRA ,
Is this short description applicable to all products? If so, you can use a block “text”. If not, you can use a product metafield.
From your Admin page, click Settings in your left hand bottom corner
Click ‘Custom Data’, then ‘Products’
Click ‘Add Definition’ on right hand upper corner.
Copy the settings on the image below. Make sure to SAVE
Provide the description.
You can then use this metafield in your theme editor by using the custom liquid block.
Place the code below inside the custom liquid
{{ product.metafields.custom.short_description.value | metafield }}
It wouldnt be ONE description for all of the products, no. It would be different for each product, and available to read under a product image and above the price tag as a unique description or message. Is this what your solution does?
Both answers covered it on a per product basis.
Hey, has anybody found a theme that allows you to do this without adding any custom code ect?
Hi @made4Uo wondering if you could help me out. Im trying to add a single line of text under the product title and review (Before price). Doesnt seem to be working for me. Any tips would be amazing, thank you!
https://everleighbottling.com/collections/sparkling-cocktails
i have made it to work on the free theme Ride
1. add custom meta field
from dashboard go to settings > custom data > products > add definition
example: short_description
please note the field name is now: custom.short_description (you will need it later on)
select multiline text
this custom field you just made (short_description) will apply to each product, on the bottom of the product page where Product metafields are.
2. edit the code on card-product.liquid
from dashboard go to online store > themes > click on three dots next to customise > edit code
search for card-product.liquid
locate the following line: “{% assign product_form_id = ‘quick-add-’ | append: section_id | append: card_product.id %}”
above that you will have “”
place the following code above that “”:
"
this code actually calls your custom metafield to be displayed on the website
save the change.
please note that different themes might have different code on the card-product.liquid file. i haven’t tried any other template, just take into consideration. most probably you will need to locate the:“
3. add the short description to a product meta field
this should be straight forward thing.
hope this helps 
Is there any way of retrieving automatically the first line of the actual description already written on published products and use it on the metafield? My store has almost 1000 products and I think it wouldn’t be possible to do it manually one by one. Thanks