Search

General #

Para incorporar tu código de inserción para Live Search o Search Page, necesitarás acceder a los archivos de tu tema. Para hacer esto, haz clic en “Diseño” en el menú de la izquierda, luego haz clic en “Code bewerken” en el menú desplegable Geavanceerd

Live Search #

• Primero, crea tu Diseño y Contenido de Live Search en my.clerk.io.

• En tu archivo de diseño principal (probablemente fixed.rain o custom.rain), el código de inserción de Live Search debe colocarse justo antes de la etiqueta de cierre .

  • Asegúrate de actualizar el marcador de posición dentro de “data-instant-search” para incluir la clase o ID de consulta utilizada en tu webshop (en este ejemplo, “#searchInput”).

Search Page #

• En Lightspeed, la Search Page se encuentra dentro del archivo de Categorías (collection.rain).

• Después de crear tu Contenido y Diseño de Search Page en my.clerk.io, coloca el código de inserción de Search Page generado en Contenido donde desees que aparezca la página en el código de collection.rain.

  • Asegúrate de actualizar el data-query para hacer referencia a la consulta de búsqueda apropiadamente, en este caso, la consulta se refiere utilizando la URL de la página de búsqueda usando “{{page.search}}”.

• Agrega una declaración “if” para hacer referencia apropiadamente a la página de búsqueda aquí, en este ejemplo “{% if page. search %}”, y agrega {% else %} al final del código de Search Page de Clerk.io para hacer referencia a los otros tipos de páginas utilizando collection.rain, y para asegurarte de que las colecciones que no son de Search Page no se poblen. Por último, después de tu código de categoría, agrega {% endif %} para cerrar la declaración if.

• Si tienes un fragmento configurado para tu página de búsqueda (algo como snippets/search.rain), asegúrate de comentar todo el fragmento para evitar que esa página de búsqueda se pueble en tu webshop.