Loading
Copy-paste a theme-editor section for content - An accessible accordion built with native details elements, no JavaScript required.
Orders are dispatched within the time shown on the product page.
Yes, within the window described in your returns policy.
Use the contact page or the email shown in the footer.
<section class="gpl-faq gpl-faq--bordered"> {%- if section.settings.heading != blank -%} <h2>{{ section.settings.heading | escape }}</h2> {%- endif -%} {%- for block in section.blocks -%} <details name="gpl-faq" {{ block.shopify_attributes }}> <summary>{{ block.settings.question | escape }}</summary> <div class="gpl-faq__answer">{{ block.settings.answer }}</div> </details> {%- endfor -%}</section> {% schema %}{ "name": "FAQ accordion", "settings": [ { "type": "text", "id": "heading", "label": "Heading", "default": "Frequently asked questions" } ], "blocks": [ { "type": "item", "name": "Question", "settings": [ { "type": "text", "id": "question", "label": "Question" }, { "type": "richtext", "id": "answer", "label": "Answer" } ] } ], "presets": [{ "name": "FAQ accordion" }]}{% endschema %} {% stylesheet %}.gpl-faq h2 { margin: 0 0 1rem; }.gpl-faq details { padding: 0.9rem 1.1rem; }.gpl-faq--bordered details { border: 1px solid rgb(var(--color-foreground, 213 220 203) / 0.35); border-radius: 12px; margin-bottom: 0.6rem; }.gpl-faq--minimal details { border-bottom: 1px solid rgb(var(--color-foreground, 213 220 203) / 0.35); }.gpl-faq summary { cursor: pointer; font-weight: 600; list-style: none; }.gpl-faq summary::-webkit-details-marker { display: none; }.gpl-faq summary::after { content: "+"; float: right; }.gpl-faq details[open] summary::after { content: "\2212"; }.gpl-faq__answer { margin-top: 0.6rem; color: rgb(var(--color-foreground, 63 74 58) / 0.8); }{% endstylesheet %}