Hey @Mel40
Haben dir die viele FAQ Apps nicht helfen können (klicke in die App Demos um die FAQ in Action zu sehen)? Die meisten kommen sogar mit einem FREE Plan! Und die vielen hilfreichen Threads zum Thema FAQ Seite einrichten?
Wenn du es aber doch lieber DIY machen möchtest
Um eine ansprechende FAQ-Seite im “Craft”-Theme von Shopify zu erstellen, die ähnlich aussieht wie das Bild, das du hochgeladen hast, kannst du folgende Schritte durchführen:
Schritt 1: Erstelle eine neue Seite für die FAQs1. Gehe zu deinem Shopify-Admin-Dashboard.
- Navigiere zu Online-Shop > Seiten.
- Klicke auf „Seite hinzufügen“.
- Gib der Seite einen Titel, z.B. „FAQ“ oder „Häufig gestellte Fragen“.
- Lasse den Inhalt zunächst leer und speichere die Seite.
Schritt 2: Erstelle einen Abschnitt für die FAQ
Da das Craft-Theme möglicherweise keine vorgefertigte FAQ-Vorlage bietet, musst du benutzerdefinierten Code verwenden, um einen FAQ-Abschnitt zu erstellen.
- Gehe zu Online-Shop > Themes > Aktionen > Code bearbeiten.
- Füge im Verzeichnis „Sections“ eine neue Datei hinzu und nenne sie „faq-section.liquid“.
Beispielcode für die faq-section.liquid
Füge den folgenden Code ein, um einen einfachen FAQ-Abschnitt mit zusammenklappbaren Antworten zu erstellen:
[details=Show More]
markup {% schema %} { "name": "FAQ Section", "settings": [], "blocks": [ { "type": "faq", "name": "FAQ", "settings": [ { "type": "text", "id": "question", "label": "Question" }, { "type": "textarea", "id": "answer", "label": "Answer" } ] } ], "presets": [ { "name": "FAQ", "category": "Custom" } ] } {% endschema %} {% style %} .faq-section { padding: 20px 0; } .faq-container { max-width: 800px; margin: 0 auto; } .faq-item { margin-bottom: 20px; } .faq-question { font-weight: bold; cursor: pointer; } .faq-answer { display: none; padding-top: 10px; } .faq-question.active + .faq-answer { display: block; } {% endstyle %} {% javascript %} document.addEventListener('DOMContentLoaded', function() { var questions = document.querySelectorAll('.faq-question'); questions.forEach(function(question) { question.addEventListener('click', function() { this.classList.toggle('active'); var answer = this.nextElementSibling; if (answer.style.display === 'block') { answer.style.display = 'none'; } else { answer.style.display = 'block'; } }); }); }); {% endjavascript %}
[/details]### Schritt 3: Füge den FAQ-Abschnitt zur Seite hinzu1. Gehe zu Online-Shop > Themes > Aktionen > Code bearbeiten.
- Öffne die
page.liquid oder eine benutzerdefinierte Seitenvorlage, die du für die FAQ-Seite verwenden möchtest.
- Füge den Abschnitt hinzu:
{% section 'faq-section' %}
Schritt 4: FAQ-Abschnitt anpassen1. Gehe zurück zu deinem Shopify-Admin-Dashboard.
- Navigiere zu Online-Shop > Themes > Anpassen.
- Wähle die FAQ-Seite aus dem Dropdown-Menü.
- Füge den neuen FAQ-Abschnitt hinzu und fülle die Fragen und Antworten aus.
Alternative: Apps verwenden
Falls du eine einfachere Lösung ohne Codeänderungen bevorzugst, gibt es mehrere Apps im Shopify App Store, die dir helfen können, eine FAQ-Seite zu erstellen:
- HelpCenter – Build an Attractive FAQs Page: Eine benutzerfreundliche App zur Erstellung von FAQ-Seiten.
- EasySlide Accordion tabs & FAQ: Diese App ermöglicht es, FAQ-Abschnitte in einem Akkordeon-Stil zu erstellen.
Hoffe das hilft dir weiter - lass wissen falls nicht! 
Warum nicht etwas Gamification in das Shop einbauen, um deinen Kunden etwas Fun im Shop anzubieten? Gerne kann ich bei Interesse Tipps dazu geben!
Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.
