Accordion Coding Help for Product & FAQ Pages

5 0 0


I'd like to create an FAQ Page with the design as shown in this site (help center style that I like) not their branding, however.


Also, I am trying to figure out the appropriate way to code the Product FAQ Accordion, Free Shipping & Quality Guarantee Text with icons and "?" note feature in Shopify as shown in this site


Many Thanks!




Want to modify or custom changes on store hire us .
If helpful then please Like and Accept Solution .
Skype : oscprofessionals-87
1 Like
835 95 179

Your theme probably comes built in with jQuery which has a slideToggle method, instead of using Bootstrap. Are you familiar with HTML, CSS, or jQuery/Javascript at all? If not, even though this is a fairly simple procedure, it may be a little difficult for you. Do you want to learn or would you rather pay someone to do it? Either way I can help you. You can send me a personal message on here if you activate it in your profile settings if you're interested. 

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
1 Like

Hi @shopbeb

If you want to code this yourself, a good starting point would be example accordions, such as these in codepen:

If you can't figure out how to build it from those examples, feel free to give me a buzz. I've done quite a few FAQ accordions for Shopify stores, would be happy to help!


Want to hire me to tweak a theme? Mail me at! Did my reply help solve your problem? This is my Paypal too ʘ‿ʘ
1 Like
Shopify Partner
15 2 11

Hi @shopbeb,


Bit late to the party, but this is Karl from Shogun Page Builder. I just wanted to pop by to let you know about some of the features that Shogun offers, that may help you do what you need to do with your FAQ page, and your product pages.


Shogun Page Builder offers an Accordion element, which allows you to create sections of your page that can be collapsed, which is perfect for adding a lot of content, without taking up the whole page - perfect for an FAQ page, or a questions section of your product page. If you would like to read up more about this element within Shogun, you can do so in the article that we have written about this super useful element,


Create expanding and collapsing sections with Accordions


We offer a 10 day free trial, and allow you to keep all of your content if you decide that Shogun is not right for you - so you have nothing to lose by giving it a try. If you have any questions at all, please feel free to reach out to one of our helpful support members by clicking here. :)