Need Help with Collapsible rows in my Shopify Studio theme

I need the existing About This Tee collapsible row in my Shopify Studio theme to automatically pull each product’s existing {{ product.description }} while preserving the current formatting, including paragraph spacing and bold text.

Shopify Support confirmed this can be done with a small Liquid/custom theme-code change, but they cannot implement or provide the exact code.

What is the cleanest way to connect the collapsible row directly to product.description so I do not have to manually copy 105 product descriptions into metafields?

Hey @LByrne88

You don’t really need to do any code changes in this. It’s infact quite easy from theme editor since you can connect {{ product.description }} from there.

Just simply click on the collapsible row block in theme editor and you’ll see a button called “Connect Dynamic Source”. Click on it and after that just simply select "Description". See the attached screenshots below for reference.

  —>   


Hope that helps! If it did, a Like and Marking it as Solution goes a long way and helps others find the fix faster too.

Best,
Moeed

Thanks, Moeed. That is exactly what I am trying to do, but in my Studio theme the Connect Dynamic Source menu does not show Description as an option. It only shows Title, Content and Add metafield. I attached a screenshot of what I see. Are your screenshots also from the current Studio theme? If so, is there a setting or step required to make Description appear in that menu?

Thanks! I followed your steps exactly, but when I go to Template → Product, I get “No compatible fields,” so Description is not available. I attached a screenshot showing what I see. The existing blue “description” connection is a metafield Shopify Support created, not the native product description.

If you need to disconnect that “description” and do it again, go ahead. It’s not going to bite you. Just click on the “description”, remove dynamic source, and do it again.

Hi @LByrne88

Could you please send me the collaborator code? I’ll check everything and then provide you with a proper update.

Best regards,
Devcoder :laptop:

Thank you Maximus3! I tried this, but when I click the dynamic source icon next to Row content, then go to Template → Product, my Studio theme says “No compatible fields.” Description does not appear as an option like it does in your screenshot.

The “description” currently showing in my Row content is actually a custom metafield Shopify Support created for me last night, not the native product description. I can manually copy each product description into that metafield, but I have 105 products and it also loses the existing paragraph spacing and bold formatting.

Is there something in the Studio theme that needs to be changed so the native Product → Description becomes a compatible dynamic source for Row content?

Thank you! I have another Shopify Partner looking at this for me right now. If we are unable to resolve it, I will reach back out to you. I really appreciate your willingness to help. :folded_hands:

Does anyone know if Hextrom Bulk Edit can pull the product descriptions into a collapsible row?

If your bulk editor puts the description in the Product Description field, and your collapsible row connects to the Product Description, yes.
Did you get that sorted out?

I think I have a simpler solution. I need to create a normal Product metafield (Shopify created a Category Metafield which Hextom cannot populate) that can hold each tee’s formatted description, including paragraph spacing and bold text, and connect that metafield as the dynamic source for my existing About This Tee collapsible row in the Studio theme. Once that connection is working, I plan to use Hextom CSV Import to import the 105 unique descriptions from my spreadsheet directly into that Product metafield, which should automatically populate the About This Tee row for every product. Can you tell me exactly how to create the Product metafield and what Product metafield type I should use so the formatting is preserved and it is compatible with Studio’s collapsible Row content field, and how to connect it to the row? Thank you!

lol there’s really no simpler solution. I think you are overlooking how simple it really is… It’s a couple clicks and done. Not sure why you are having an issue but if you follow my screenshots to a “tee”, it will be correct. You were trying to click on the wrong connector.

But I showed you the screenshot for some reason Studio does not connect to description - you said if your collapsible row connects to the Product Description - the description that is in there now if a category metafield created by shopify so I need to make a product metafiield instead and connect it to the collapsible row so that it is compatiable with the Hextom process

Okay, that is great news. I definitely want to use the native Product Description if it is only a couple of clicks. Can you please point out on my screenshot exactly which connector I should click? I thought I was following your screenshots exactly, but apparently I am selecting the wrong one. Once I know which connector you mean, I will try it again.

Click this arrow. Choose Product. Then Description.

Thank you! I finally got it to work properly. And Hexton was able to import all of the descriptions again with the correct spacing and bolding.

Thank you everyone I really appreciate each of you being so willing to help and share ways to get it corrrected! :folded_hands: