Search

Generale #

Per incorporare il tuo codice di integrazione per Live Search o Search Page, dovrai accedere ai file del tuo tema. Per farlo, fai clic su “Design” nel menu a sinistra, quindi fai clic su “Code bewerken” nel menu a discesa Geavanceerd

Live Search #

• Prima di tutto, crea il tuo Design e Contenuto per Live Search in my.clerk.io.

• Nel tuo file di layout principale (probabilmente fixed.rain o custom.rain), il codice di integrazione di Live Search dovrebbe essere posizionato appena prima del tag di chiusura .

  • Assicurati di aggiornare il segnaposto all’interno di “data-instant-search” per includere la classe o l’ID della query utilizzato nel tuo webshop (in questo esempio, “#searchInput”).

Search Page #

• In Lightspeed, la Search Page si trova all’interno del file Categories ( collection.rain).

• Dopo aver creato il tuo Contenuto e Design per la Search Page in my.clerk.io, posiziona il codice di integrazione della Search Page generato in Contenuto ovunque nel codice di collection.rain dove desideri che la pagina appaia.

  • Assicurati di aggiornare il data-query per fare riferimento alla query di ricerca in modo appropriato, in questo caso, la query è riferita utilizzando l’URL della pagina di ricerca usando “{{page.search}}”.

• Aggiungi un’istruzione “if” per fare riferimento in modo appropriato alla pagina di ricerca qui, in questo esempio “{% if page. search %}”, e aggiungi {% else %} alla fine del codice della Search Page di Clerk.io per fare riferimento agli altri tipi di pagina utilizzando collection.rain, e per assicurarti che le collezioni non di Search Page non siano popolate. Infine, dopo il tuo codice di categoria, aggiungi {% endif %} per chiudere l’istruzione if.

• Se hai impostato uno snippet per la tua pagina di ricerca (qualcosa come snippets/search.rain), assicurati di commentare l’intero snippet per impedire che quella pagina di ricerca venga popolata nel tuo webshop.