FAQ Accordion Section

Solved
jessjessanders
Excursionist
27 0 6

Hi everyone, 

I am hoping to add an FAQ section to my online coaching page.

I like the format where all the questions are layered on top of each other, with a cross to click the answer open. 

If there is appropriate HTML and CSS code for this, I'd love to add it to my website.

I'd appreciate your feedback and assistance, 

--

Website: https://sharnie- cocks.myshopify.com/      (no spaces)
Password: reiffa

KetanKumar
Shopify Partner
20534 2122 7742

This is an accepted solution.

@jessjessanders 

Thanks for post 

are you able to code can you please try this or if not so please sent a personal message i will do this 

https://codepen.io/Chris5656/pen/wJbMEd

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
jessjessanders
Excursionist
27 0 6

Thank you, this is exactly what I was looking for  
Much appreciated.

KetanKumar
Shopify Partner
20534 2122 7742

@jessjessanders 

it's my pleasure to help us

if you need more help please contact here email: bamaniyaketan.sky@gmail.com

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Yougurt
Tourist
5 0 1

Hi Jesse,

I've created one you ca use in Shopify's native language so it works from the customiser (where you customise sections for your frontpage). Super simple.

You dont even have to tinker with the code yourself: https://www.rainbowmake.com/free-faq-template-for-shopify

I hope it helps you :-)!

/Daniel

0 Likes
Mircea_Piturca
Shopify Partner
1489 42 316

I have an FAQ section you can freely download. Please see: https://sections.design/blogs/shopify/faq-rich-snippets-section

Code is available at: https://github.com/mirceapiturca/Sections/tree/master/FAQ

Hope it helps

Finally—Add variant descriptions to your products
Phoebe19
New Member
2 0 1

Hi,

 

How to I add the JS section on the theme?

KetanKumar
Shopify Partner
20534 2122 7742

@Phoebe19 

sorry for any issue please add your custom js on theme.js file

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Phoebe19
New Member
2 0 1

How do I add this? Do you have the step by step information on how to do this?

0 Likes
KetanKumar
Shopify Partner
20534 2122 7742

@Phoebe19 

1 - create your custom page template 

2  - after new page template add new section doe faqs

3 - thene copy and past section on new section fiels 

4 add your css file to theme csss

5 your js file add theme js file 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes