FROM CACHE - en_header

Dawn theme - Pages - collapsible FAQ?

cocoskyn
Tourist
8 0 2

Hello, 

 

Im using Dawn theme and have created a FAQ section on pages. I was wondering if there's a way I can make all the answers on this page collapsible?

 

Thankyou!

 

Frances

Replies 9 (9)
SmallTask
Shopify Partner
461 23 29

Hello @cocoskyn 

 

Can you share your website URL so that I can check and help you to create a collapsible FAQ page?

Feel Free to Contact Us on WhatsApp | Email Us at info@instiqa.com
Develop Your Shopify Store with our Small Tasks, Shopify Custom Theme Development, and Shopify SEO Services.
cocoskyn
Tourist
8 0 2

hello, 

 

Thankyou! www.cocoskyn.com

password: skynsociety

SmallTask
Shopify Partner
461 23 29

We need to customize the code to add the collapsible feature to your FAQ page.

Feel Free to Contact Us on WhatsApp | Email Us at info@instiqa.com
Develop Your Shopify Store with our Small Tasks, Shopify Custom Theme Development, and Shopify SEO Services.
Ahsan_ANC
Shopify Partner
304 69 71

@cocoskyn plz follow the following instructions

download (21).png

paste here the following code

download (22).png

 

 

 

<style>.faq-heading{font-family: var(--font-body-family);; font-weight: 400; font-size: 1.6rem; -webkit-transition: text-indent 0.2s; text-indent: 20px; letter-spacing: 0.06rem; color: #000;}.faq-text{font-family: var(--font-body-family); font-weight: 400; color: #181818; width:95%; padding-left:20px; margin-bottom:30px;}.faq{width: auto; margin: 0 auto; background: white; border-radius: 4px; position: relative; border: 1px solid #E1E1E1;}.faq label{display: block; position: relative; overflow: hidden; cursor: pointer; height: 56px; padding-top:1px; background-color: #ffffff; border-bottom: 1px solid #E1E1E1;}.faq input[type="checkbox"]{display: none;}.faq .faq-arrow{width: 8px; height: 8px; transition: -webkit-transform 0.8s; transition: transform 0.8s; transition: transform 0.8s, -webkit-transform 0.8s; -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); border-top: 2px solid rgba(0, 0, 0, 0.33); border-right: 2px solid rgba(0, 0, 0, 0.33); float: right; position: relative; top: -36pxpx; right: 27px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}.faq input[type="checkbox"]:checked + label > .faq-arrow{transition: -webkit-transform 0.8s; transition: transform 0.8s; transition: transform 0.8s, -webkit-transform 0.8s; -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-transform: rotate(135deg); transform: rotate(135deg);}.faq input[type="checkbox"]:checked + label{display: block; background: rgba(255,255,255,255) !important; color: #4f7351; height: 225px; transition: height 0.8s; -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);}.faq input[type='checkbox']:not(:checked) + label{display: block; transition: height 0.8s; height: 60px; -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);}::-webkit-scrollbar{display: none;}div:empty{display:block !important;}</style><div class="faq"><input id="faq-a" type="checkbox"> <label for="faq-a"> <p class="faq-heading">What is Cocoskyn?</p><div class="faq-arrow"> </div><p class="faq-text">Cocoskyn is an Australian owned SPF brand with a mission to empower you to create a daily suncare routine. We make sunscreen that looks good, feels good and is good to the planet.</p></label><input id="faq-b" type="checkbox"> <label for="faq-b"> <p class="faq-heading">Does Cocoskyn test on animals?</p><div class="faq-arrow"> </div><p class="faq-text">All our products and formulations are and always will be vegan and cruelty free. </p></label><input id="faq-c" type="checkbox"> <label for="faq-c"> <p class="faq-heading">What is the shelf life of Cocoskyn sunscreen?</p><div class="faq-arrow"> </div><p class="faq-text">3 years. You can find the expiry date at the top back of the tube.</p></label><input id="faq-d" type="checkbox"> <label for="faq-d"> <p class="faq-heading">Is Cocoskyn sunscreen scented?</p><div class="faq-arrow"> </div><p class="faq-text">Yes - coconut scented! Getting the right coconut scent was one of the most difficult parts of formulation. We tested at least 25 coconut scents! Don't worry we picked the most delicious, obviously. </p></label><input id="faq-e" type="checkbox"> <label for="faq-e"> <p class="faq-heading">Is Cocoskyn sunscreen tinted?</p><div class="faq-arrow"> </div><p class="faq-text">No - this one is untinted, so it's suitable for all skin shades and you don't need to worry about transferring tint onto your clothes. HINT: If you want tinted, add a pump of your colour match foundation to your sunscreen to make your own perfect shade of SPF.</p></label><input id="faq-f" type="checkbox"> <label for="faq-f"> <p class="faq-heading">What type of sunscreen is Cocoskyn?</p><div class="faq-arrow"> </div><p class="faq-text">Our coconut sunscreen has been developed for those who "hate how sunscreen feels." For this reason our coconut sunscreen is chemical based, as chemical sunscreens aren't as thick as mineral and soak into the skin to leave skin feeling dry.</p></label><input id="faq-g" type="checkbox"> <label for="faq-g"> <p class="faq-heading">What skin types does Cocoskyn suit?</p><div class="faq-arrow"> </div><p class="faq-text">Our sunscreen is non greasy so is suitable for all skin types, including oily. Our SPF is non tinted and doesn't leave a white cast, so is suitable for all skin shades. <br><strong></strong></p><div class="faq-arrow"> </div><p class="faq-text"><strong>Is Cocoskyn suitable for sensitive skin?</strong></p><div class="faq-arrow"> </div><p class="faq-text">Chemical sunscreens are best suited for everyday wear and physical activity. Mineral sunscreens are best suited to everyday wear and sensitive skin. Sensitive skin is tricky because what is fine for one person won't be fine for the next. If you have sensitive skin and you're generally fine with chemical sunscreens we suggest starting with a small test patch incase irritation occurs. Check the ingredients on our ingredient list and avoid if there's a known irritant. If you usually have issues with chemical based sunscreens, then mineral sunscreen may be better suited.</p></label><input id="faq-h" type="checkbox"> <label for="faq-h"> <p class="faq-heading">What ingredients are in Cocoskyn?</p><div class="faq-arrow"> </div><p class="faq-text">We keep the nasties out! What you won't find:<br><strong>No</strong> Oxybenzone<br><strong>No</strong> Octinoxate<br><strong>No</strong> Sulphates<br><strong>No</strong> GMOs<br><strong>No</strong> Mineral Oil<br><strong>No</strong> Silicones<br><strong>No</strong> Synthetic Dyes<br><strong>No</strong> Petrolatum<br><strong>No</strong> PABA<br><strong>No</strong> Nanoparticles<br><strong>No</strong> PEGS<br><strong>No</strong> Rainforest Derivatives<br>Active Ingredients: 4-methyl benzylidene camphor 40mg/g, butyl methoxydibenzoylmethane 50mg/g, homosalate 150mg/g, octocrylene 100mg/g, octyl salicylate 50mg/g.<br>Preservatives: methyl hydroxybenzoate, propyl hydroxybenzoate, phenoxyethanol</p></label><input id="faq-i" type="checkbox"> <label for="faq-i"> <p class="faq-heading">Is Cocoskyn water resistant?</p><div class="faq-arrow"> </div><p class="faq-text">Our sunscreen is 2 hour water resistant. Make sure to reapply every 2 hours or more frequently if you are swimming or sweating. </p></label><input id="faq-j" type="checkbox"> <label for="faq-j"> <p class="faq-heading">How much Cocoskyn should I use?</p><div class="faq-arrow"> </div><p class="faq-text">There is no set rule on the exact amount of sunscreen, as each persons face and body is different sizes. As a guide, the general consensus at a minimum is 1/4 tsp for your face, and up to 1 tsp for your face, neck and ears. Body application according to the Cancer Council is 1 tsp per limb, 1 tsp body front and 1 tsp body back. </p></label><input id="faq-k" type="checkbox"> <label for="faq-k"> <p class="faq-heading">How long will I be getting sun protection?</p><div class="faq-arrow"> </div><p class="faq-text">SPF stands for Sun Protection Factor. It's a measure of how well the sunscreen protects the skin from sunburn (caused by UVB rays). The number tells you how long it will take UVB rays to redden the skin without sunscreen versus using sunscreen correctly. If using an SPF 30 it will theoretically take 30 times longer to start burning.<br>SPF 15 blocks 93% UVB rays<br>SPF 30 blocks 97% UVB rays<br>SPF 50 blocks 98% UVB rays.</p></label><input id="faq-l" type="checkbox"> <label for="faq-l"> <p class="faq-heading">Can you use Cocoskyn when pregnant/breastfeeding?</p><div class="faq-arrow"> </div><p class="faq-text">Although we have left the nasties out of our chemical based sunscreen, we would suggest a mineral base due to the extensive research. Zinc oxide and titanium dioxide are the main ingredients in mineral sunscreens. Mineral sunscreens sit on the surface of your skin and don't absorb in. These natural minerals have been established as generally safe for use by all people. </p></label><input id="faq-m" type="checkbox"> <label for="faq-m"> <p class="faq-heading">Is Cocoskyn bringing out a range of sunscreens?</p><div class="faq-arrow"> </div><p class="faq-text">Yes! We recognise that there's no one size fits all with sunscreen and plan to bring out a range of SPF. We're constantly brainstorming ideas, so if there's an SPF product you'd like us to make or a sunscreen you wish existed - let us know!</p></label><input id="faq-n" type="checkbox"> <label for="faq-n"> <p class="faq-heading">Is Cocoskyn Reef Safe?</p><div class="faq-arrow"> </div><p class="faq-text">Cocoskyn does not contain oxybenzone or octinoxate, which are known culprits for damaging reef. There's loads of chemicals and ingredients in sunscreens, makeup and skincare that haven't been as highly researched as oxybenzone and octinoxate, so the term 'reef safe' can be misleading. We are simply oxybenzone and octinoxate free.</p><p><span style="text-decoration: underline;"><strong>DELIVERY, SHIPPING &amp; REFUNDS</strong></span></p></label><input id="faq-o" type="checkbox"> <label for="faq-o"> <p class="faq-heading">How much is shipping?</p><div class="faq-arrow"> </div><p class="faq-text">All Australian shipping is FREE! (you're welcome). </p></label><input id="faq-p" type="checkbox"> <label for="faq-p"> <p class="faq-heading">Does Cocoskyn ship internationally?</p><div class="faq-arrow"> </div><p class="faq-text">Not yet, but that's the plan. If you’re in a location outside of Australia and would like to get your hands on a tube, please send a request via email or DM - we are prioritising highest demand locations first. </p></label><input id="faq-q" type="checkbox"> <label for="faq-q"> <p class="faq-heading">How long will my order take to arrive?</p><div class="faq-arrow"> </div><p class="faq-text">Processing and packing takes 1-2 days. We then use Australia Post and offer standard shipping. Current Australia Post domestic delivery times estimate that most parcels arrive within 5 - 7 business days depending on your location (we post from WA). Please keep in mind items can take up to 10 business days, or further delays if theres disruptions out of our control caused by COVID-19 or extreme weather. Please let us know if you haven't received your order by day 12 so we can investigate.<span></span></p><p>After we send you your Australia Post tracking number, you can calculate your current estimated delivery times on the link below using our postcode 6027:</p><p><a href="https://auspost.com.au/parcels-mail/calculate-postage-delivery-times/#/" target="_blank" title="Aus Post Delivery Calculator" rel="noopener noreferrer">https://auspost.com.au/parcels-mail/calculate-postage-delivery-times/#/</a></p><p>Alternatively you can track your order using your tracking number we email you here: </p><p><a href="https://auspost.com.au/mypost/track/#/search" target="_blank" title="Track my parcel" rel="noopener noreferrer">https://auspost.com.au/mypost/track/#/search</a></p></label><input id="faq-r" type="checkbox"> <label for="faq-r"> <p class="faq-heading">My order has been redirected back to Cocoskyn HQ?</p><div class="faq-arrow"> </div><p class="faq-text">We offer FREE standard shipping in Australia! If your parcel is redirected back to our HQ, a $10 redelivery fee will apply. This applies if you enter an incorrect address at checkout, causing your order to be sent back to us. This also includes if you don't pick up your item from the post office or courier depot, causing your order to be sent back to us.  </p></label><input id="faq-s" type="checkbox"> <label for="faq-s"> <p class="faq-heading">Can I edit/change my order once it's been placed?</p><div class="faq-arrow"> </div><p class="faq-text">We work fast to get your orders out, so we can’t always guarantee a change/edit if it’s already left our HQ. Please send us an email on <a href="mailto:info@cocoskyn.com" target="_blank" title="info@cocoskyn.com" rel="noopener noreferrer">info@cocoskyn.com</a> asap so we can check processing status and see what we can do!</p></label><input id="faq-t" type="checkbox"> <label for="faq-t"> <p class="faq-heading">Can I change the address on an order once it's been placed?</p><div class="faq-arrow"> </div><p class="faq-text">We work super quick to process your orders, so we can’t always guarantee an address change in time if your order has already left our HQ. Please contact us asap on info@cocoskyn.com and if it’s left our HQ we can attempt to contact Aus Post for redirection. If this isn’t possible, a $10 redelivery fee will apply if an incorrect entered address is the issue.  </p><input id="faq-u" type="checkbox"> <label for="faq-u"> <p class="faq-heading">Whats your returns policy?</p><div class="faq-arrow"> </div><p class="faq-text">Due to hygiene reasons, sunscreen products are not eligible for return or exchange. However, we have a 10 day return policy if there’s an issue with your order. Please contact us on <a href="mailto:info@cocoskyn.com" target="_blank" title="info@cocoskyn.com" rel="noopener noreferrer">info@cocoskyn.com</a> </p></label><input id="faq-u" type="checkbox"> <label for="faq-u"> <p class="faq-heading">How do I start a return?</p><div class="faq-arrow"> </div><p class="faq-text">We have a 10 day return policy, which means you have 10 days after receiving your item to request a return if somethings not quite right. To start a return, contact us on <a href="mailto:info@cocoskyn.com" target="_blank" title="info@cocoskyn.com" rel="noopener noreferrer">info@cocoskyn.com</a> and include photos highlighting the issue so we can help make it right. If your return is accepted, we'll send you a return shipping label, as well as instructions on how and where to send your package. Items sent back to us without first requesting a return will not be accepted.  </p></label><input id="faq-v" type="checkbox"> <label for="faq-v"> <p class="faq-heading">How are refunds processed?</p><div class="faq-arrow"> </div><p class="faq-text">If a refund is approved via our returns process, you'll be automatically refunded on your original payment method within 10 business days. Please remember it can take some time for your bank or credit card company to process. If more than 15 days have passed since we approved your refund, please contact us on <a href="mailto:info@cocoskyn.com" target="_blank" title="info@cocoskyn.com" rel="noopener noreferrer">info@cocoskyn.com.</a></p><p><span style="text-decoration: underline;"><strong>STOCKISTS</strong></span></p></label><input id="faq-w" type="checkbox"> <label for="faq-w"> <p class="faq-heading">Where is Cocoskyn stocked?</p><div class="faq-arrow"> </div><p class="faq-text">Cocoskyn is currently only available online through our website, but we do plan on expanding into physical stores. If there's somewhere you'd like to see us, drop us an email or send a DM! </p></label><input id="faq-x" type="checkbox"> <label for="faq-x"> <p class="faq-heading">How can I become a stockist?</p><div class="faq-arrow"> </div><p class="faq-text">We're flattered! If you would like to discuss stocking our delicious tubes of SPF, please send us an email on <a href="mailto:info@cocoskyn.com" target="_blank" title="info@cocoskyn.com" rel="noopener noreferrer">info@cocoskyn.com</a></p></label> </label></div>

 

Feel Free to Contact Me at my Email: anc2277@gmail.com
You can get a Free Shopify design error solution and page setup guide.


> Was my reply helpful? Click Like to let me know!
> Was your question answered? Mark it as an Accepted Solution!
To learn more visit the EasywpKnowledge
cocoskyn
Tourist
8 0 2

Thankyou so much! This has worked but it has cut off the last 5 questions, so only goes up to "Can i change the address on an order once its been place" - anyway to include the questions afterwards?

cocoskyn
Tourist
8 0 2

Have seen the last 5 questions are now on there but nothing is collapsible anymore?

Ahsan_ANC
Shopify Partner
304 69 71

the code that I provide has all 25 questions. I have seen you have to change the code on your faq page.

 

plz recopy the code and paste it where I mention it. I will provide you the video guide on how to add more questions.

Feel Free to Contact Me at my Email: anc2277@gmail.com
You can get a Free Shopify design error solution and page setup guide.


> Was my reply helpful? Click Like to let me know!
> Was your question answered? Mark it as an Accepted Solution!
To learn more visit the EasywpKnowledge
cocoskyn
Tourist
8 0 2

Thankyou, have repasted but still have the same issue

Ahsan_ANC
Shopify Partner
304 69 71

are you working on this page?

https://www.cocoskyn.com/pages/faq

Feel Free to Contact Me at my Email: anc2277@gmail.com
You can get a Free Shopify design error solution and page setup guide.


> Was my reply helpful? Click Like to let me know!
> Was your question answered? Mark it as an Accepted Solution!
To learn more visit the EasywpKnowledge