¿Has estado buscando opciones de búsqueda con estilo que tengan un aspecto atractivo e interactivo en tu sitio web? Muchos de vosotros incluso nos habéis escrito preguntándonos si tenemos previsto introducir estilos que sustituyan al cuadro de búsqueda predeterminado de Astra.
Pero ahora sí. Sí, puede añadir una opción de búsqueda con estilo que como
- Búsqueda por diapositivas - Al hacer clic en el icono de búsqueda, se abre un cuadro de búsqueda.
- La búsqueda a pantalla completa - Cubre toda la pantalla
- Búsqueda en la portada - Cubre la cabecera
- El cuadro de búsqueda - Un cuadro de búsqueda por defecto si desea mantenerlo como está.
Con los nuevos estilos, podrás cambiar el cuadro de búsqueda predeterminado tanto en el escritorio como en el móvil. Estas opciones de estilo están disponibles en la sección Astra Theme versión 1.4.9 y Astra Pro addon versión 1.5.0.
Puede echar un vistazo rápido al GIF que aparece a continuación, que muestra cómo se verán los diferentes estilos de búsqueda en su sitio web.
¿Qué más hay?
¿Necesitas añadir opciones de búsqueda en cualquier parte de la página? Hemos introducido algunos shortcodes que puedes elegir e insertar en cualquier parte de la página. Estos shortcodes funcionan con parámetros específicos que le permiten seleccionar el estilo que desea utilizar. Más información shortcodes de búsqueda en nuestro artículo de la base de conocimientos.
¡Pruébelo!
Para empezar, haga una copia de seguridad de su sitio web y actualiza tu tema y Astra Pro. Si es necesario, también puedes seguir los siguientes pasos para hacerlo manualmente:
- Descargue las últimas versiones del tema y del plugin desde el área de miembros.
- Elimina de tu sitio el tema Astra y el complemento Astra Pro Addon instalados actualmente. No te preocupes, no perderás ningún dato.
- Instale los archivos zip descargados en el paso 1, como cualquier tema y plugin de WordPress.
Eso es todo. Si hay alguna mejora o característica que le gustaría ver, por favor, no dude en háznoslo saber. Estamos deseando ver sus estilos de búsqueda favoritos en su sitio web.
Salud 🙂
Divulgación: Este blog puede contener enlaces de afiliados. Si realiza una compra a través de uno de estos enlaces, es posible que recibamos una pequeña comisión. Leer información. Tenga la seguridad de que sólo recomendamos productos que hemos utilizado personalmente y que creemos que aportarán valor a nuestros lectores. Gracias por su apoyo.
Gracias por los grandes artículos. Estoy usando su estilo de búsqueda y añadirlo en mi sitio web a través de shortcode donde podría tener más flexibilidad en la colocación de mi cuadro de búsqueda. ¡Una vez más gracias por el estilo de pantalla completa. realmente un gran trabajo!
Hola chicos ¿esta función de búsqueda está integrada con https://woocommerce.com/products/woocommerce-product-search/
Sería fabuloso que así fuera 🙂 .
Saludos.
Miles
Esto parece ser una búsqueda de sitio wordpress. Me gustaría ver una búsqueda de productos woocommerce, porque a pesar de que se ve muy bien los resultados confundirían a mis clientes.
¿Cómo añadir la función de búsqueda junto con el icono del carrito?
Esto no está disponible a partir de ahora, en las futuras versiones del plugin vamos a traer esta opción para los diseños de cabecera.
puede añadir código html de compra en la cabecera
[astra_search]
[astra_woo_mini_cart]
Hola, tengo una pregunta. Si tengo miembros del equipo en el sitio web, ¿es posible tener la función de búsqueda, buscar sólo a través de la lista de miembros del equipo?
Tendrás que buscar plugins de terceros para hacerlo, esto no forma parte de las opciones del tema Astra.
¿Cómo se estiliza el icono de búsqueda?
Hola
1. ¿Cómo puedo cambiar la cadena de texto "Buscar..." sin utilizar un plugin?
2. ¿Cómo limitar el resultado de la búsqueda sólo al puesto?
Gracias, señor.
Hola,
Existe código personalizado para ello.
1. Cambiar el marcador de posición del cuadro de búsqueda
2. Restringir los resultados de búsqueda sólo a los mensajes
También me gustaría saber cómo puedo cambiar la cadena de texto 'Resultados de búsqueda para:'.
Hola,
Puede utilizar código personalizado para modificar la cadena predeterminada. Aquí es un artículo que le ayudará.
Muchas gracias.
Estoy utilizando el estilo "Búsqueda por diapositivas" en un sitio web.
Pregunta: ¿Cuál es la mejor manera de aumentar la anchura del cuadro de búsqueda cuando se desliza hacia fuera?
Me encantaría que la caja se deslizara hasta 500px y 700px más o menos.
¡Alrededor de los últimos 15 sitios que hemos hecho han sido todos Astra!
Gracias. - Steven
Hola Steven,
Puedes hacerlo añadiendo una anchura personalizada al elemento formulario y realizando cambios en el CSS del desplegable.
No dude en ponerse en contacto con nosotros si necesita más ayuda.
Estimado equipo de apoyo,
¿es posible cambiar la URL de la acción desde el formulario de búsqueda a través de un filtro/acción?
Gracias de antemano.
Christian
Hola Christian,
Bueno, usamos el filtro por defecto de WordPress para obtener el formulario de búsqueda. Usted tendrá que comprobar la base de código WP u otros plugins que pueden ayudar a lograr este requisito.
Hola, equipo de asistencia,
Gracias por su respuesta. Debería haber mencionado que me refiero a la búsqueda avanzada (pantalla completa) de la versión Astra Pro. Pero ya lo he solucionado. Por si alguien busca una solución:
Copie el archivo de plantilla del directorio de plugins Astra Pro:
/wp-content/plugins/astra-addon/addons/advanced-search/template/full-screen.php
al directorio de su tema hijo:
/wp-content/themes/your-astra-child-theme/astra-addon/advanced-search/full-screen.php
Ahora puede editar la plantilla de una manera segura. Debería funcionar con cualquier otro archivo de plantilla de Astra Pro también.
Saludos cordiales,
Christian
Hola Christian,
Parece que ya no funciona...
Quiero reemplazar el en pantalla completa.php y anular la plantilla en no mostrar.
Saludos cordiales,
Clemente
Hola
Ha dicho que la búsqueda para móviles estará disponible en breve.
Por favor, que sea verdad. Realmente necesito esa búsqueda en el móvil.
Andrei
Hola, para la búsqueda de página completa, ¿es posible añadir aquí nuestro logotipo?
Hola Andrew,
Lo siento, por ahora no.
Hola,
¿Cómo se cambia la configuración (de color) de la página de resultados (de búsqueda)?
La búsqueda en mi sitio web devuelve enlaces invisibles (parece blanco sobre fondo blanco). Sin embargo, las líneas de descripción (extractos) son visibles.
Se puede saber que los enlaces existen por encima de los extractos sólo al pasar el ratón por encima, de lo contrario son espacios en blanco entre los extractos.
Gracias,
Saurabh.
P.D. - ¿Existe un lugar para sugerir funcionalidades adicionales para Astra Pro. Por ejemplo: tener una opción de menú hamburguesa para el escritorio. Astra es fabuloso pero siempre hay algo más que añadir/sugerir.
Gracias.
Saurabh.
Después de buscar y buscar en línea para obtener instrucciones sobre cómo agregar la búsqueda a la Astra Pro plugin Header Builder, me topé con la forma de añadirlo. No estoy teniendo suerte en la búsqueda de un ajuste que permitirá que el cuadro de búsqueda se deslice hacia la derecha. ¿Alguien sabe dónde está este ajuste?
Gracias
Hola, estoy utilizando la versión 3.5.1 de Astra Pro, pero no encuentro la opción de añadir la "Barra de búsqueda" como último elemento del menú principal.
Hola Tung, después de la actualización Astra 3.0 que introdujo el Constructor de Encabezado Pie de Página, los Estilos de Búsqueda se trasladaron a la sección Elemento de búsqueda. Espero que te sirva de ayuda 🙂 .
¿Es posible diferenciar el estilo de búsqueda?
Es decir, me gustaría utilizar el estilo de cuadro de búsqueda en Desktop, pero utilizo el estilo de búsqueda deslizante en móvil.
Hola
¿Es posible personalizar el diseño a "Sin resultados de búsqueda" con Elementor?
Claro, si usted está utilizando el Elementor Pro para crear páginas personalizadas para la página de búsqueda.
Ya creado para el archivo "Resultados de la búsqueda", pero cuando no se encuentran los resultados se utiliza otro diseño de Astra
¿Alguna idea de cómo forzar el diseño de Elementor?
Hola,
Tengo un problema en mi barra de búsqueda.
Cómo añadir una barra de búsqueda para una página como freepik[dot]com/, elements.envato[dot]com/ barra de búsqueda con categorías, estoy usando Astra tema para mi sitio web, pero no puedo crear como ese tipo de barra de búsqueda. Por favor ayuda para resolverlo lo antes posible.
Gracias, señor.
Hola Helani, lo sentimos en este momento no tenemos tal funcionalidad de búsqueda. Estos requisitos se añaden mediante un plugin de terceros o código personalizado.