I want to add a short description for each product so you can see what each coffee tastes like before clicking through to product page. How can I do this using FLEX theme? (I want I also want to make the names of the coffee bigger but they don’t seem to change - where can I edit these? [example of…

@GemMuir yes, please It can be done by doing some code customization. please send me a personal message and we can discuss what you’d like

Hi @GemMuir , Please go to product-thumbnail__product-info.liquid file and add code here: [Screenshot.png] Hope it helps!

Hi @GemMuir , Please change code: {{ product.description | strip_html | truncate: 100 }} => {{ product.metafields.custom.tastes_like_description }} Then you just go to each product and add data for ‘tastes_like_description’ metafields, it will display fine.

[Screenshot 2022-07-06 at 15.51.41.png] I have added the code for the other 2 metafields that need to be displayed but the image doesn’t show (just as a link) and I don’t know how to style it! Also want to make the product title much bigger but don’t know where I can do this in the theme?

My stickers are not showing now either?

@LitExtension can you please send your code

Hi @GemMuir , With image metafield, you need to change the code like following: The previous code only supports displaying text. Hope it is clear to you.

[Screenshot 2022-07-07 at 15.11.32.png] Hi, it is nearly there! just shows very squashed together. How can I add space (padding) between the different metafields? How can I change the size of the title font? How can I change the font for the bottom meta field (tastes like) @LitExtensio…

Hi @GemMuir , Go to Assets > styles.css and paste this at the bottom of the file: /* #1 */ .product-thumbnail__description img { padding: 5px 0; } /* #2 */ .product-thumbnail__title { font-size: 20px !important; } #3: Please send me the code you added for metafield, I will guide it for you.

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

Store Design

GemMuir July 8, 2022, 9:26am 18

@LitExtension here is the code for metafields:

{{ product.metafields.descriptors.subtitle }}
${{ product.metafields.custom.roast_level_info.alt | escape }}$ {{ product.metafields.custom.tastes_like_description }}

Topic		Replies	Views
Adding a short description to each product on collection pages with FLEX theme Store Design	2	30	June 24, 2022
Short Description on Collection page and Featured Collection section Store Design design , customizations , collection-page , landing-page , third-party-themes , metafields , shopify-themes , troubleshooting	7	76	July 30, 2024
Showcase subtitle / metafield data below products Store Design design	14	225	October 11, 2025
Added short description under product image on collection page. Store Design design , troubleshooting	9	542	November 14, 2024
Show Products' Description In Featured Collection (Refresh Theme) Store Design customizations , shopify-themes	4	214	July 17, 2024

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

Related topics