Implementing accordion tabs on product pages
Hello!
I am using Retina theme. Since my product pages contain a lot of information I am looking for the elegant way to structure it properly. Especially because it needs to be easily accessible on mobile devices.
I tried using default product page tabs functionality available in Outofthesandbox themes, but unfortunately, the tabs are not responsive. Once you have about 4-5 of them, on mobile devices they take more than one line, which looks pretty bad.
I also tried using accordion functionality available on a page template and then implement the page that has accordion within product.details template, but the accordion does not look attractive and also the first section always remains open, although I used additional CSS code offered by the theme developers.
I could use one of the apps that offer product page tabs, but I would like to avoid using another app.
My goal is to style product page tabs exactly (or close to) the way it's done on the FAQ template (available in the Retina theme).
I would appreciate any help and suggestions.
-
I know this has been here a while, but I've been trying to do the same thing. I'm using Retina now, but am switching to Flex. Flex has a FAQ page with beautiful accordians. Would you be able to use that code? I would test it, but I haven't gotten that far along in switching my theme.
Please sign in to leave a comment.
Comments
1 comment