Linking Product page accordions to Product description

Store Design

Topic summary

Linking specific parts of Product → Description into different accordion tabs (e.g., Specifications, Product Details, Shipping & Returns) is not supported. The description is a single rich-text field, so all accordions connected to it will show the same content.

Recommended approach: create separate product metafields for each accordion (e.g., Specifications, Product Details, Returns & Shipping) and connect each accordion block to its corresponding metafield in the Theme Editor. This keeps content clean, avoids duplication, and gives full control over what appears in each tab.

Automation options: use Shopify Flow to parse existing descriptions and push extracted content into metafields, or (less ideal) apply custom Liquid/JavaScript to parse on the fly. Manual entry is simpler for a small number of products.

Key terms:

  • Metafields: custom data fields you add per product to store specific content.
  • Shopify Flow: automation tool to move/transform data between fields.
  • Liquid: Shopify’s templating language used to render theme content.

Outcome: Confirmed limitation; solution is to use metafields per section. Status: resolved. Images were shared to illustrate setup but are not essential to the solution.

Summarized with AI on November 25. AI used: gpt-5.
1

I have collapsible accordions on my product page , Specifications , Product Details etc. I was able to connect Specifications accordion with ‘Description’ on my Product page. Pls see the image.

However , Product→ Description section has all the data related to collection , shipping , products details etc. Is there a way to link specific lines of text (from Product→ Description) to different accordions ?

Eg- There are a few lines of text on Shipping & Return in Product→ Description section. Can I link them to Shipping Accordion , only ?

product desc page
product desc page1159×1150 296 KB

specification section
specification section1768×1182 384 KB

2 Likes
2

Hey @SurTri

That’s why metafields exists, you just simply need to create Product Metafields and then add the metafield value by going into each product and then connect those metafields with your accordion tabs.

It’s not that complicated as it sounds and if you haven’t worked with metafields yet then a Short Guide about them or you can just connect with me and I can set them up for you.

Cheers,
Moeed

3

i know about meta fields … but was just wondering if there is a way to connect all accordions with Product→ Description section … and still have different data in them .

thanks anyways.

4

Nope, that’s not how it works. If you’re gonna connect all accordions with Product description then all of them will show the same data

1 Like
5

thanks for confirming.

1 Like
6

One should be able, however, to use Flow to parse your description and push data into metafields :slight_smile:

Or have some JS code in “Custom liquid” to do that in visitors browser…

Of course, if you only have a handful of these products it would be simpler to do it manually.

7

You can link an entire metafield or section to an accordion, but you can’t selectively map individual lines from the main Product → Description field into separate accordions. The description is treated as one rich-text field, so Shopify doesn’t let you “pull out” specific sentences and route them to different blocks.
If you want each accordion to show specific parts of your product info, you’ll need to separate that content into different metafields (or theme fields)—for example:

Specifications → Product metafield (rich text)

Shipping & Returns → Product metafield (rich text)

Product Details → Product metafield (rich text)

Then, inside the Theme Editor, assign each accordion block to the corresponding metafield.
This gives you full control, keeps content clean, and avoids duplicating text manually.
If you’d like, I can show you exactly how to create the metafields and hook them into your theme.