Product Card Customiztion [adding a subheading]

Hello,

I have a store - www.outbreak.supply

I want to create a custom product card where i have a subheading below the product title to add text as per the product. it would basically highlight a feature of the product.

current editions – evan kinori is a good reference for this.

i think one of the problems that i am facing is the MLVeda pricing converter that causes issues with the pricing area in product cards which causes problems with how the product card customizer behaves.

How do i do this? I am working with the theme ‘Atelier’ that was recently introduced in the new horizon update.

Please help me out with this, thank you to whoever replies.

Hey @websiteuser2523

This can be achieved by using Metafields. All you have to do is just create a Product Metafield and it’s type should be Single Line Text. After that, you’ll have to add the call the metafield in your theme files right below your product title code. Now that’s the complicated part because if you’re not familiar with coding then calling the metafield in your theme files would be an issue for you.

If you’d like me to set this up for you, then feel free to connect with me and I would be more than happy to help you out.

Best,
Moeed

Hello @websiteuser2523

Ok dear, this can be done using metafields. You can create a custom metafield for each product (for the subheading/feature highlight) and display it below the product title on the product card. If you’d like, please share collaborate access with me and I can check your theme code and set it up for you.

The issue is that the MLVeda muli country pricing plugin makes the product card un-editable.

After you add a metafield on the product, you can do this in relevant sections – just add a “heading” block to this group and select the metafield as dynamic source.

No need for any code editing in Horizon family of themes.

See how system suggest compatible metafields after you select “Closest product” as the “carrier” of the dynamic source information.
Then you can adjust style of this text using buttons in the “Text” input field.\ – make it bold, or make it Heading tag…