How do I create a collapsible FAQ page on the Dawn theme?

[maryandmaeco]

Hi there,

I am trying to change over from Debut theme to Dawn, one thing that drew me into the Dawn theme was the option for an easy FAQ page. I can't for the life of me figure out how to do this?

I'd like it to be a collapsible tab type page with a few different sections e.g shipping, product care

Help!

[KetanKumar]

@maryandmaeco 

try this 

https://github.com/sumankc/faq-shopify-app

let me know if any issue

[maryandmaeco]

Thanks for your reply @KetanKumar, I probably should've mentioned at the start that I am a total beginner to this.

I have tried that solution but don't think I've done it right and can't get it to work..

[KetanKumar]

@maryandmaeco 

oh sorry if doesn't work its can be done custom anther code

[San21]

Hi, I added the code from GitHub but the Q/A Answer doesn't open.  Also is it possible to remove the dot (grey circle) at the end of the line.  Thank you.

https://cbdskincarehk.myshopify.com/pages/faq-1

fleude

[KetanKumar]

@San21 

thanks for URL

but your store is passwords protect 

[San21]

Hi,thank you for your time, yes my password is below the url in my question.  It is fleude

Thks again

[KetanKumar]

@San21 

sorry but consol errow 

please fix this issue 

[San21]

@KetanKumar Thks for checking, I have removed the app.  Now I have 2  JQuery errors.

[KetanKumar]

@San21 

great thanks 

please fix that error and check

[San21]

@KetanKumar still have the same Jquery problem.  Could it be because my faq page is JSON.  thk you

[KetanKumar]

@San21 

oh sorry for that issue 

can you try this code

https://github.com/sumankc/faq-shopify-app

[San21]

@KetanKumar Yes I tried with the update and still the same error

Uncaught ReferenceError: jQuery is not defined

Thank you

[KetanKumar]

@San21 

can you please add this code scropt before

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

</head>

[San21]

@KetanKumar Thank you so much it's working!

[San21]

@KetanKumar I am sorry minor issue, block 2 of FAQ, answer will open but doesn't stay open.  (Block 1 & 3 are working well)  Thks again.

https://cbdskincarehk.myshopify.com/pages/faq-1

PW:  fleude

[San21]

@KetanKumar Sorry I wasn't able to edit my previous post.  1st block open-close-an reopen, 2nd block doesn't stay open, and 3rd is perfect.

Thanks again.

[KetanKumar]

@San21 

sorry for that issue but your have use same code all section please user only 1 section and all faqs 

[San21]

@KetanKumar thank you, but I am looking to have a faq with sections.  This is why I was so happy to find yours.  I have found many Faq page without sections already.  I guess I will wait until someone have one for Dawn theme.  I am sure it will help a lot of people.  Thanks again for your time checking my issues, very appreciated.

[KetanKumar]

@San21 

yes please change script class and id and user multiped time 

[San21]

@KetanKumar I am sorry, I am not enough advanced with this.  I am comfortable to add codes already working, and no problem create sections, templates but not enough knowledge to edit codes itself. Thk you.

[KetanKumar]

@San21 

i see it ca be done custom code if you need this let me know on

It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like

[REvelynA]

@KetanKumar I have a question about updating some code on the FAQs page. I would like assistance if you could help. 🙂 

[KetanKumar]

@REvelynA 

yes please share us all details how can i help you?

[REvelynA]

@KetanKumar Is there a way I can send you a direct message. I would like to see if you can help me with the code. 

[KetanKumar]

@REvelynA 

as you like doesn't have any issue