How can I add animated collapsible rows in the Dawn Theme?

Store Design
, , ,
1

Hello, how do I add animated collapsible rows?

For example on this Website : https://45keys.com/products/fortyfive-summer-collection-shirt-olive

If you click on any of the collapsible rows it opens up with a smooth animation and closes smoothly too.

2

Hello @voqzmk2 ,

Please follow the example.

Thanks

3

Thanks, but I’m really new to this.

Where do I add the code?

4

@voqzmk2

Please check the following URL for help

https://websensepro.com/blog/how-to-create-collapsible-accordion-for-product-description-shopify/

5

I don’t have a Theme.css file

6

@voqzmk2

Please add the CSS code to your assets/base.css bottom of the file.

7

It does not work.

I already added the Collapsible Rows with the Metafields, but it just opens and closes without animation.

I would really like to have this Animation : https://codepen.io/oguzA/pen/vjNQEz

Or this one : https://codepen.io/WebDude75/pen/abmVWVR