How can I add unique collapsible row descriptions to each product?

[BrookeGentile]

I am trying to add a collapsible row to the product descriptions of all my products. However, when I add a collapsible row to one product, it's applying the same description to all of my other products. I want to be able to add separate collapsible row product descriptions for each of my products without having to use meta fields. Is there a way to code that into my theme? I am using the new CRAVE theme. 

[Liquid_xPert_SJ]

@BrookeGentile 

if your product description is different from each other then you can display it easily. There is no need to use metafield.

thanks

[BrookeGentile]

I am using a collapsible row as my "product description" when I add a collapsible row to one product, it applies the same collapsible row to every single one of my products. If I try to edit the collapsible row in a separate product it changes it across all of my products. It's like it is linked all together some how. 

[Liquid_xPert_SJ]

@BrookeGentile 

yes correct these rows connected with the same product template assigned to the all products if you want to behave different for different products you can create multiple templates or you can use metafields instead.

thanks

[BrookeGentile]

How do I do that? 

[Liquid_xPert_SJ]

please refer to this documentation in which you can see how you can create multiple templates for products.

thanks

[BrookeGentile]

Thank you, I will give that a try now. Will this allow me to apply separate collapsible rows to each of my products? 

[Liquid_xPert_SJ]

@BrookeGentile 

yes it will be but i suggest you to use metafield instead of creating multiple templates.

thanks

[BrookeGentile]

Ok, can you share with me how to create metafields? 

[Liquid_xPert_SJ · Accepted solution]

@BrookeGentile 

yes please follow the below instructions.

Online Store > Theme > Customize.

If the content of the collapsible row is the same for all product pages, simply click on Add block > Collapsible row and insert the content in Row content.

Otherwise, in order to add different content for each product, you first need to create metafield and then connect it with your theme setting to display metafield on your online store:

Create Metafield by going to Setting > Metafields > Products > Add definition > fill out the required info.
Go to Products > Within each product page, scroll down to the bottom and you'll see the metafield you've created before, then fill out the specific content for each.
Navigate to Online Store > Theme > Customize
Select Products then Default Product from the page selector at the top
Within the sidebar menu, click on the click on Add block > Collapsible row > click on the Insert Dynamic Source as the photo attached below > Select the associated metafiled

[BrookeGentile]

Is there a video I can reference as to how to set up metafields? 

[Liquid_xPert_SJ]

refer to this video

[BrookeGentile]

Thank you! What about changing the collapsible row heading for each product as well?

[Liquid_xPert_SJ]

@BrookeGentile  same how you change the content

[UrbanChic]

I have the theme Impulse and it is not showing Collapsible row - I added the meta fields but when I go to the theme to customize under product default it does not have Collapsible row in the choices.  Each of my products will have different info so I know not to add in the theme but onto the actual product page - but how do I get the Collapsible row to show on my theme to show?

Thank you

[Liquid_xPert_SJ]

@UrbanChic 

Hopefully this will help you alot 🙂 if not please don't hesitate to reach-out i would love to help you 🙂

How to Add accordion on Product page

Thanks

[primusvolta]

Hello

I have done as you've advised but when I'm trying to link dynamic source to the collapsible tab, the metafield I've just created is not on the list to select from.

When I click 'Add metafield' it opens at 'Add page metafield definition', I think it should get me to product metafield definition?

I don't know what I've done wrong.

[primusvolta]

Sorry for bothering you - I've just found out that I should click the 'Current block' section on the top of the pop-up and select template>product.

I wish there were some descriptions (e.g. on hover) at the elements, I cannot believe how much one has to dig to find out how to do certain things, even after watching several tutorials before starting with Shopify.

[Liquid_xPert_SJ]

@primusvolta 

Might be possible the type of the metafield was not.matched

[PageFly-Theodor]

Hi @BrookeGentile ,
This is Theodore from PageFly - Shopify Page Builder App.

Adding unique collapsible descriptions to each product in the CRAVE theme isn't possible through direct code editing. Here are your options:

1. Metafields (Recommended): Create a custom metafield for each product's collapsible description content. Then, use conditional logic in your theme template to display it within a collapsible element if the metafield has a value. This requires some coding knowledge.

2. Third-Party Apps: Explore Shopify apps that add collapsible sections to product descriptions. These apps are easier to use but might involve subscription fees.

Best regards,
Theodore | PageFly