Easy to apply Accordion on collection page

Store Design
1

Hi All,

I would like to know if there is some simple code I can apply on the collection page that will create an Accordion show\hide option. The theme I am using, has it for product page, but not collection.

I tired adding the following code in the HTML, however it don’t appear to work. I found it on another Shopify community post.

Has anyone been able to do this?

Thanks

1 Like
2

@Casey03

can you try this Code

3

Hi,

Where do I insert the Javascript code?

I have added the CCS to the theme custom CCS settings, however I am now sure where to put the JS. Adding on the collection page only displays the JS.

Casey03_0-1647942356636.png
Casey03_0-1647942356636.png957×213 28.6 KB

Thanks

4

@KetanKumar

Any feedback on my previous comment?

Thanks

1 Like
5

@Casey03

sorry but i can’t see any code did you try code?

6

@KetanKumar

You said in previous reply to use the code at Here

But where do I insert the CSS and JS?

CSS I assume within the customer CSS fields of the theme.

But where do I put the JS?

Thanks

7

@Casey03

yes add this code for your css file and js file

8

@KetanKumar

What JS File?

Website is minibee.co.uk

1 Like
9

yes. please vendor.js

1 Like