Solved

Collapsible Row Product Description

BrookeGentile
New Member
10 0 0

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. 

 

Accepted Solution (1)
Liqiud_xPert_SJ
Shopify Partner
730 93 115

This is an 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

 

AvadaCommerce_0-1657013953115.png

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂

View solution in original post

Replies 14 (14)

Liqiud_xPert_SJ
Shopify Partner
730 93 115

@BrookeGentile 

 

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

 

thanks

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
BrookeGentile
New Member
10 0 0

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. 

Liqiud_xPert_SJ
Shopify Partner
730 93 115

@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

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
BrookeGentile
New Member
10 0 0

How do I do that? 

Liqiud_xPert_SJ
Shopify Partner
730 93 115

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

 

thanks

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
BrookeGentile
New Member
10 0 0

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

Liqiud_xPert_SJ
Shopify Partner
730 93 115

@BrookeGentile 

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

 

thanks

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
BrookeGentile
New Member
10 0 0

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

Liqiud_xPert_SJ
Shopify Partner
730 93 115

This is an 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

 

AvadaCommerce_0-1657013953115.png

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
BrookeGentile
New Member
10 0 0

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

Liqiud_xPert_SJ
Shopify Partner
730 93 115

refer to this video

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
BrookeGentile
New Member
10 0 0

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

Liqiud_xPert_SJ
Shopify Partner
730 93 115

@BrookeGentile  same how you change the content

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂

PageFly-Theodor
Globetrotter
503 68 75

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.