Search

Allgemein #

Um Ihren Embed-Code für entweder die Live-Suche oder die Suchseite einzufügen, müssen Sie auf Ihre Theme-Dateien zugreifen. Klicken Sie dazu im linken Menü auf “Design” und dann im Dropdown “Geavanceerd” auf “Code bewerken”.

Live-Suche #

• Zuerst erstellen Sie Ihr Design und Ihren Inhalt für die Live-Suche in my.clerk.io.

• In Ihrer Hauptlayout-Datei (wahrscheinlich fixed.rain oder custom.rain) sollte der Embed-Code für die Live-Suche direkt vor dem schließenden -Tag platziert werden.

  • Stellen Sie sicher, dass Sie den Platzhalter innerhalb von “data-instant-search” aktualisieren, um die Abfrageklasse oder ID zu enthalten, die in Ihrem Webshop verwendet wird (in diesem Beispiel “#searchInput”).

Suchseite #

• In Lightspeed befindet sich die Suchseite in der Kategorien-Datei (collection.rain).

• Nachdem Sie Ihren Inhalt und Ihr Design für die Suchseite in my.clerk.io erstellt haben, platzieren Sie den generierten Embed-Code für die Suchseite im Inhalt überall dort im collection.rain-Code, wo die Seite erscheinen soll.

  • Stellen Sie sicher, dass Sie die data-query aktualisieren, um die Suchabfrage angemessen zu referenzieren; in diesem Fall wird die Abfrage mit der URL der Suchseite unter Verwendung von “{{page.search}}” referenziert.

• Fügen Sie eine “if”-Anweisung hinzu, um die Suchseite hier angemessen zu referenzieren, in diesem Beispiel “{% if page.search %}”, und fügen Sie {% else %} am Ende des Clerk.io-Suchseiten-Codes hinzu, um die anderen Seitentypen mit collection.rain zu referenzieren und sicherzustellen, dass Nicht-Suchseiten-Kollektionen nicht befüllt werden. Fügen Sie schließlich nach Ihrem Kategorien-Code {% endif %} hinzu, um die if-Anweisung zu schließen.

• Wenn Sie einen Snippet für Ihre Suchseite eingerichtet haben (etwas wie snippets/search.rain), stellen Sie sicher, dass Sie den gesamten Snippet auskommentieren, um zu verhindern, dass diese Suchseite in Ihrem Webshop angezeigt wird.