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
302 112 107

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 3 (3)

Vinsinfo
Shopify Partner
302 112 107

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.