La widget de búsqueda de productos permite a los compradores buscar productos en su store. 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. Luego de seleccionar una opción, el comprador es llevado directamente a la página de productos.
Para agregar el widgetde búsqueda de productos :
-
En el panel lateral, haga clic en widget.
-
En la sección store , haz clic y arrastra Búsqueda de productos al lugar deseado de la página.
Para acceder al editor de contenido, haga clic con el botón derecho en el widget y haga clic en Editar contenido.
En el campo de texto Marcador de posición, 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, a continuación, haga clic en Editar diseño.
Campo de entrada
El campo Entrada es el área del widget de búsqueda de productos donde el comprador escribe su consulta de búsqueda. Puede editar la siguiente configuración de diseño para el campo de entrada:
-
Dimesiones
-
Altura (en pixeles)
-
-
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 px). Para cambiar el tipo de borde, haga clic en el icono de engranaje junto a Bordes.
-
Esquinas redondeadas (en px). Para cambiar el tipo de borde, haga clic en el icono de engranaje junto a Esquinas redondeadas.
-
Si hay o no una sombra, y, en caso de que haya, el color, el tipo y la posición de la sombra.
-
-
Enfoque (esta configuración se aplica al campo de entrada después de que el comprador comience a vincular su consulta):
-
Color de fondo
-
Grosor del borde (en pixeles)
-
Si hay o no una sombra, y, en caso de que haya, 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 donde los resultados aparecen debajo del campo de entrada. Puede editar los siguientes ajustes de diseño para los resultados de búsqueda:
-
Dimesiones
-
Altura máxima (en pixeles)
-
-
Fondo y diseño (esta configuración se aplica a los resultados de búsqueda antes de que el comprador hover sobre un resultado específico):
-
Color
-
Frontera. Para cambiar el tpye del borde, haga clic en el icono de engranaje junto a Borde.
-
Esquinas redondeadas. Para cambiar las esquinas redondeadas, haz clic en el icono de engranaje junto a Esquinas redondeadas.
-
Si hay o no una sombra, y, en caso de que haya, el color, el tipo y la posición de la sombra.
-
-
hover (Esta configuración se aplica cuando el comprador está hover sobre un resultado de búsqueda específico):
-
Color de fondo
-
Si hay o no una sombra, y, en caso de que haya, el color, el tipo y la posición de la sombra.
-
Para el texto que está dentro del campo Entrada y los resultados de la búsqueda, puede editar las siguientes configuraciones de diseño:
-
Fuente
-
Tamaño fuente
-
Color de fuente
-
Formato (negrita, cursiva, subrayado)
-
Alineación
-
Dirección
-
Cuando el texto se desplaza en los resultados de búsqueda, puede 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 widget .