How to make the collapsible row like this? (Example)

Topic summary

A user wants to create custom collapsible rows (accordion-style content sections) on product pages, similar to a provided example image. They’ve successfully created one by copying code via browser inspect tools into custom Liquid, but face two challenges:

Key Questions:

  1. How to create different collapsible rows for approximately 80 products
  2. How to make text bold within these rows

Solution Provided:

  • For unique content across 80 products: Create separate product templates for each product in the theme, then assign the appropriate template to each product individually
  • For bold text: Provide specific details about which text needs formatting and share the page link for a tailored solution

Status: The original poster expressed gratitude, indicating the guidance was helpful and time-saving. The discussion appears resolved with actionable next steps provided.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.

I think I already know how to make this, but I’m not sure, I actually just created
a normal collapsible row, and through the code inspect, copied and pasted the code
of this collapsible row in a custom liquid, that worked well (either way I couldn’t move
the collapsible row below the buy buttons) but I still have some questions about it:

  1. How do I make different collapsible rows for my 80 products?
  2. Any way to make it bold like in example?

Some help is appreciated

Question #1 -

Hi, @Somehow999

I can help you with it. But it needs to add some custom code. If you need my help, please let me know.

Hi @Somehow999

1/ If you want to create different collapsible rows for around 80 products, you should create a separate product template for each product in your theme. Here’s a reference screenshot for guidance: (https://prnt.sc/lVOLOwLtFEjP). Assign the appropriate product template to each product to achieve this customization.

2/ Additionally, if you’d like to bold specific text anywhere, please describe it in detail and share the link to the page where the change is required. This will help us provide you with a tailored guide to implement the change effectively.

Looking forward to hearing from you soon. Thank you!

Best,
Daisy - Avada Support Team.

1 Like

wow, thanks a lot :heart: That saved me time :smiley: