Re: How to add a Collapsible Accordion on product page on Origin Theme

How to add a Collapsible Accordion on product page on Origin Theme

AceStore
Excursionist
20 0 7

Hello, I want to hide a long description in Collapsible Accordion on the product page. I am using Origin Theme.

 

I want it to look like that:

Screenshot 2023-03-27 at 12.42.38 AM.png

Screenshot 2023-03-27 at 12.32.24 AM.png

Thank you in advance !

Replies 5 (5)

murshidmina
Visitor
1 0 0

To add a collapsible accordion on a product page on the Origin theme, you can follow these steps:

  1. In your Shopify admin, go to Online Store > Themes.
  2. Find the Origin theme and click "Customize".
  3. Select the product page that you want to add the accordion to.
  4. Click "Add section" and select "Accordion".
  5. Configure the settings for the accordion section, such as the title, content, and color scheme.
  6. Save the changes and preview the product page to see the accordion in action.

Note that the steps may vary slightly depending on the version of the Origin theme that you are using. It's also important to test the accordion on different devices and screen sizes to ensure that it displays correctly and is easy to use.

saunashield
Visitor
2 0 2

Hello, why do all the rows appear the same for all products? I want to use different product descriptions and content but it is all appearing the same

TainaraDineck
Shopify Partner
1 0 1

I'm having the exact same issue. When I add the accordion on the product page it shows the same description on all products. I'm using Sense theme.

joyfulmoonstore
Visitor
1 0 0

I'm having the exact same issue. Did they resolved you this issue?

Makeitperfect
Excursionist
23 0 9

Hey 

You have to create metafields which youth assign to your products.

Go to settings > custom data > products > there you create a metafield - lets say you call it Product description.

Once that is created, you will then see a section called Product Description at the bottom of each product that you edit. Type whatever your description is there. Once you've filled in the information you have to go to the product template edit page where your accordion is and assign a dynamic source - you click the icon that looks like stacked coins in there you have to find your metafield and It will start pulling unique dynamic information for each product description you make.

Hope this makes sense, I am quite new myself but its done with metafields - currently trying to find a way so that each product variant has uqniue description as it displays the content of the first item you click on for the variants as well 

Also when in the produce