Make collapsible content

Highlighted
Tourist
24 0 0

Hi. I want to make a collapsible link/menu. Like shown here at this link: (INGREDIENTS) https://shop.jenis.com/ice-creams/skillet-cinnamon-roll-pint/

I have tried to look at the w3schools.com. (Link: https://www.w3schools.com/howto/howto_js_collapsible.asp ) They describe a way of doing this - but i cant find the mention CSS and JavaScript file in my themplate... (as you probably understand, this is not my speciality) Im using Impulse themplate. 

0 Likes
Highlighted
Astronaut
1082 177 213

Hello,

It would require Liquid/CSS/Javascript knowledge to implement this feature, I'm afraid that unfortunately there is no simple copy-paste solution otherwise I'd happily guide you through.

You'd need to edit your product-template.liquid file and separate your content by blocks (divs), then implement a dropdown library with Javascript and wire it all up together. It's a bit of a complex task.

In case you're unfamiliar with these technologies you'll likely need to hire a Shopify developer to assist you.

If it is of your wish, I present myself available to help you.
I've been hired by 20+ people from this very forum, you can read their recommendations about my work clicking here.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes