Adding Tabs on Product Description (Venture Theme)

New Member
6 0 0

Hi, I was browsing some stores online the other day and one design really caught my eye. It's something that I would like to implement on to my website but I am not sure on how to. I have searched the Shopify app store but most of the apps want payment and I believe this can be done with copy pasting code.  I am looking to add these organized drop downs in place of my product description. I've included a screenshot of how it looks. Please any help will be much appreciated.  Thanks in advance. :)

tabs.PNG

 

0 Likes
Shopify Expert
63 9 9

hi @gym_yard 

 

Please go through this link : https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_accordion_animate

hope it will help you.

 

Thank you

Need any help feel free to contact us with private message.

 

0 Likes
Highlighted
Astronaut
835 95 178

Here's a small example of how this would work with jQuery, but it would have to be done with liquid on your product page,  in place of the lorem ipsum text you'd need to use {{ product.description }} and probably use metafields for the sizing and more details. Returns and exchanges could be the same on all probably:

 

https://codepen.io/ninthony/pen/pMwMVJ

 

 

If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes