Search

Allgemein #

Um Ihren Einbettungscode 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-Menü “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 Einbettungscode 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 innerhalb der Kategoriedatei (collection.rain).

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

  • Stellen Sie sicher, dass Sie die data-query aktualisieren, um die Suchanfrage entsprechend zu referenzieren; in diesem Fall wird die Abfrage über die URL der Suchseite mit “{{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 Kategoriekode {% 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.