Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Different Collapsible Row Content for Different Products DAWN.

Solved

Different Collapsible Row Content for Different Products DAWN.

3enny
New Member
7 0 0

Help with Collapsible row for each products

 

Hi,

 

I am having a problem that I see a few other people have had in the past regarding the collapsible rows within the product pages within the Daw theme.

 

I wish to have different text appearing for each product, unfortunately it is uploaded across my entire product list.

 

I have looked through a few solutions, however I am still unable to get this to work unfortunately.

 

Although I have no problem adding a new metafield and filling out the description on the product page, when I try to connect a dynamic source to the row content, it doesn’t seem to pull the text field and is displaying blank.

 

I wish to keep the same collapsible rows across each product (and future products) however I wish to display different content for each product (materials, care, size. Shipping can remain the same).

 

Any suggestions or ideas how I can overcome this would be extremely grateful as I have been stuck on this for a few hours now and is beginning to get very frustrating.

 

Best.

 

B.

Accepted Solution (1)

Vinsinfo
Shopify Partner
460 158 157

This is an accepted solution.

@3enny Please check whether you have followed below mentioned steps to display different collapsible row content for different product through metafield. Let me know whether it is helpful for you.

 
1. From admin, go to "Settings" -> "Custom data" -> "Products" -> "Add definition" and enter the values in input fields and select type as "Rich text".
Vinsinfo_0-1712213505140.png

 

2. From admin, now go to "Products", select a product and enter your content in created product metafield and save changes.
Vinsinfo_1-1712213726989.png
NOTE: Follow this step for each product you want to display the content.
 
3. From admin, go to "Online Store" -> "Themes". Click "Customize" button from the current theme.
4. Go to product page and click "Add block" option in "Product information" section. Then click "Collapsible row".
Vinsinfo_8-1712214674963.png

 

 

 

Vinsinfo_2-1712213857846.png

 

5. Enter heading(ex: Materials) as you want in "Heading" field and select icon that you want.
Vinsinfo_4-1712214071582.jpeg

 

6. Click "Connect dynamic source" icon in "Row content" field.
Vinsinfo_5-1712214300509.png

 

7. Select the "Row content from page" dropdown and change it to "Product" under "Current template" as show in the below image.
Vinsinfo_6-1712214387758.png

 

8. Select created metafield and save changes.
Vinsinfo_7-1712214511079.png

 

Now the content will be displayed based each product.
Vinsinfo_9-1712214798771.png
 
Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support

View solution in original post

Replies 5 (5)

Vinsinfo
Shopify Partner
460 158 157

This is an accepted solution.

@3enny Please check whether you have followed below mentioned steps to display different collapsible row content for different product through metafield. Let me know whether it is helpful for you.

 
1. From admin, go to "Settings" -> "Custom data" -> "Products" -> "Add definition" and enter the values in input fields and select type as "Rich text".
Vinsinfo_0-1712213505140.png

 

2. From admin, now go to "Products", select a product and enter your content in created product metafield and save changes.
Vinsinfo_1-1712213726989.png
NOTE: Follow this step for each product you want to display the content.
 
3. From admin, go to "Online Store" -> "Themes". Click "Customize" button from the current theme.
4. Go to product page and click "Add block" option in "Product information" section. Then click "Collapsible row".
Vinsinfo_8-1712214674963.png

 

 

 

Vinsinfo_2-1712213857846.png

 

5. Enter heading(ex: Materials) as you want in "Heading" field and select icon that you want.
Vinsinfo_4-1712214071582.jpeg

 

6. Click "Connect dynamic source" icon in "Row content" field.
Vinsinfo_5-1712214300509.png

 

7. Select the "Row content from page" dropdown and change it to "Product" under "Current template" as show in the below image.
Vinsinfo_6-1712214387758.png

 

8. Select created metafield and save changes.
Vinsinfo_7-1712214511079.png

 

Now the content will be displayed based each product.
Vinsinfo_9-1712214798771.png
 
Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support
3enny
New Member
7 0 0

Hi Friend!

 

Thank you very much for your help.

 

I have followed your instructions ans the proposed solution works as you have described 🙂

 

Unlike with the other solutions I tried to follow, they do not include your instruction at step 7, and I think this is where I was running into trouble.

 

Thanks again for your clear to follow instructions.

 

Best regards 🙂

3enny
New Member
7 0 0

Hi again,

 

As I mentioned, the proposed solution works fine.

 

However, I do have one more question I hope you can help with.

 

As I have different product categories (T-shirt, Hoodies, Accessories) I would like to know if it is possible to display the size chart in a similar way to which you have described.

 

Currently, if I create a new metafield in each product as your description, I can easily add text. Unfortunately I am unable to display a table to neatly describe the size measurements for the clothing items.

 

If I choose to display "Row content from page" (I have a page set up for each products measurements) the text will display across ALL products.

 

Is it possible to pull a individual text fields (or in my case a table) for the size charts to display the corresponding measurements for each product?

 

Best.

 

B.

Drewottawa
Tourist
3 0 1

What if I want to populate the collapsible row with a metafield from my product listing that is an image file? 

 

For example when I go to edit my collapsible row I only see the header (text)  and Rich text options.  

What if I want a specific image (not text) that I have referenced in a metafield?

 

It would seem like a pain to have to invent a page metaobject with an image only and define a page for every product image when I already have a metadata field for every product containing the image.

 

I can do it as a:

1. banner image

2. image plus text.

3. etc.

I just can't seem to get it to work as a collapsible row. 

In my catalog I have a .jpg sizing reference for every image that I want to put in the collapsible row rather than a size chart. I may have hundreds of products with this chart type.

 

1 am Bookshop Canvas Compare Main.jpg

 

I just need the collapsible row to display the dynamic product metafield containing this Image.   It seems simple enough right?  I just can't figure out how to do it.

 

Would I have to have someone code that or does Shopify have more content options available as for this row type (collapsible)?

 

Thanks!

 

 

PopLau
Visitor
1 0 0

Hi,

Thanks to your very clear instructions, I have managed to create a first collapsible row for returns and exchanges on each of my products but I would like to create a few others for shipping and sizes and it doesn t let me, saying that namespace and key are already taken. I suppose I need to give them name or numbers but where , which box, which step ?.

Thank you very much for your help.