El widget de búsqueda de productos permite a los compradores buscar productos en tu tienda. A medida que el comprador escribe en la barra de búsqueda, los resultados se completan en función de los productos que coinciden con los criterios de búsqueda. Tras seleccionar una opción, el comprador es redirigido directamente a la página de ese producto
Para añadir el widget de búsqueda de productos:
-
En la sección Tienda, haz clic y arrastraBúsqueda de productosen el lugar deseado de la página.
Para acceder al editor de contenido, haga clic con el botón derecho en el widget y haga clicEditar contenido.
En elTexto de marcador de posiciónen este campo, puede introducir el texto que aparecerá en el widget de búsqueda de productos. Este texto desaparecerá cuando el usuario comience a escribir en el widget.
Para acceder al editor de diseño, haga clic con el botón derecho en el widget Búsqueda de productos y haga clicEditar diseño.
Campo de entrada
El campo de entrada es el área del widget de búsqueda de productos donde el comprador escribe su consulta de búsqueda. Puedes editar los siguientes ajustes de diseño para el campo de entrada
-
Dimensiones
-
Altura (en px)
-
-
Fondo y diseño (Esta configuración se aplica al campo de entrada antes de que el comprador comience a escribir su consulta):
-
Color de fondo
-
Grosor del borde (en píxeles). Para cambiar el tipo de borde, haga clic en Engranaje icono junto a Fronteras.
-
Esquinas redondeadas (en px). Para cambiar el tipo de borde, haga clic en Engranaje icono junto a Esquinas redondeadas.
-
Si hay o no una sombra y, en caso afirmativo, el color, el tipo y la posición de la sombra.
-
-
Enfoque (Esta configuración se aplica al campo de entrada una vez que el comprador empieza a vincular su consulta):
-
Color de fondo
-
Grosor del borde (en píxeles)
-
Si hay o no una sombra y, en caso afirmativo, el color, el tipo y la posición de la sombra.
-
Resultados de la búsqueda
Los resultados de la búsqueda son el área en la que aparecen los resultados debajo del campo de entrada. Puede editar los siguientes ajustes de diseño para los resultados de la búsqueda
-
Dimensiones
-
Altura máxima (en px)
-
-
Fondo y diseño(Esta configuración se aplica a los resultados de búsqueda antes de que el comprador pase el ratón sobre un resultado específico):
-
Color
-
Frontera. Para cambiar el tipo de borde, haga clic en Engranaje icono junto a Borde.
-
Esquinas redondeadas. Para cambiar las esquinas que se redondean, haga clic enEngranajeicono junto aEsquinas redondeadas.
-
Si hay o no una sombra y, en caso afirmativo, el color, el tipo y la posición de la sombra.
-
-
Flotar(Esta configuración se aplica cuando el comprador pasa el ratón sobre un resultado de búsqueda específico):
-
Color de fondo
-
Si hay o no una sombra y, en caso afirmativo, el color, el tipo y la posición de la sombra.
-
Para el texto del campo de entrada y los resultados de la búsqueda, puede editar la siguiente configuración de diseño:
-
Tipo de letra
-
Tamaño de fuente
-
Color de fuente
-
Formato (negrita, cursiva, subrayado)
-
Alineación
-
Dirección
-
Cuando pasas el ratón sobre el texto en los resultados de búsqueda, puedes editar tanto el color como el formato.
Para obtener información sobre las opciones de diseño que no son específicas de este widget (animación o espaciado), consulte Diseño de widgets.