A Pure CSS Accordion for Shopify Pages

In web development, an accordion is something that expands on a user’s click.

Well hello there buddy... click on that there title one more time and fold this thing back up! Otherwise, here's a bunch more text that would go on and on til the break of dawn.

Here we are, reading placeholder, holding hands, together. Forever. And ever. And ever. And ever.


Note: The following code snippet is pure html/css and does not require javascript or jquery. It should inherit your theme’s style.

Step 1: Copy/Paste this code into Shopify

Full-width image

Step 2: Save the page. View the frontend.

Step 3: Change The Content

Full-width image


Source Code


© 1993 Sean Orfila