Accordion Coding Help for Product & FAQ Pages

Highlighted
Tourist
5 0 0

Greetings,

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.

https://us.skinnydiplondon.com/pages/faq

 

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

 

https://www.harrys.com/en/us/products/face-wash

 

Many Thanks!

0 Likes
Highlighted

Hello 

 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Shopify Partner
1275 168 395

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 my solution helped you, please like and accept as solution!
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
Highlighted

Hi @shopbeb

If you want to code this yourself, a good starting point would be example accordions, such as these in codepen: https://codepen.io/tag/accordion/


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!

Cheers

Was my answer helpful? Be sure to give it a "Like" and mark it as the solution - this way others can find it easily.
- Need help with a Shopify build or custom solution? Feel free to get in touch via hello@stonedigital.com.au !
- Did my reply help solve your problem? The above email is my Paypal too ʘ‿ʘ
1 Like
Highlighted
Shopify Partner
45 6 34

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. :)

 

Karl Jones | Team Lead, Technical Support, Shogun
support@getshogun.com | Try Shogun Page Builder for Shopify for FREE!
1 Like