Hi, within my collection product grids, I moved the price to my quick add add to cart button, but I was wondering if there was a way I can add a few words where the price used to be (under product title). I made a metafield for it if it helps but I don’t know how to incorporate since there is no edi…

Go to ‘Online Store’ → Theme → Edit Code In the snippets folder locate the file ‘card-product.liquid’ Find the element with id “CardLink-{{ section_id }}-{{ card_product.id }}” which is inside a element Below the element add the code {{ card_product.metafields.custom.metafield_name …

so you replace it with {{ card_product.metafields.custom.product_short_description }} like shown below [short.PNG]

@WalkYourStyle Unfortunately, it didn’t work

Please show me an image of the code after you added the code.

@WalkYourStyle [IMG_7852.jpg] And I tried “product-short-description” and “my-product-short-description” , didn’t change anything on the website preview.

You have added the code in the wrong place. My instructions say to find element with id “CardLink-{{ section_id }}-{{ card_product.id }}” and you found an element with id that starts with StandardCardNoMediaLink. Be careful, because that file has repetitive code and you have to add it to the right…

In the assets folder of your theme’s code find the ‘base.css’ and at the bottom of the file add this code: .my-product-short-description{ font-size: 12px; /* Change the number according to your preference */ }

@WalkYourStyle one more thing, how can I change this metafield’s font size for mobile? That code works for laptop viewing but doesn’t seem to change on mobile

Can you please share your store’s URL?

Adding few word description to products in the product grid - Dawn 14.0.0

Technical Q&A

FloridaGlow July 25, 2024, 5:37pm 11

@WalkYourStyle oh yes, my bad, it worked! How can I make the font smaller though?

Topic		Replies	Views
Make changes to font size, metafields and alignment of product card text Store Design design	2	47	November 19, 2024
Adding product metafield to product grid below each product - Dawn Theme Store Design collection-page , css , metafields , product-page	8	186	July 19, 2024
Reducing space between lines of text in a metafield Shopify Discussion troubleshooting	9	144	March 17, 2025
How to change metafield subtitles on product page grid Store Design product-page	4	60	June 17, 2025
Add text within the Product Grid section - Dawn Theme Store Design design , customizations , collection-page	6	133	February 9, 2023

Adding few word description to products in the product grid - Dawn 14.0.0

Related topics