[Resuelto] poner un buscador en el encabezado del menú  

Hola,

Puedes verificar con este plugin:

https://wordpress.org/plugins/ajax-search-lite/

Trabaja con elementor y funciona un poco mejor, puedes verlo y nos comentas que tal te va con el.

Un saludo 

@karen hay alguna guía para configurar este plugin que me comentas? porque yo solo quiero que me salga el icono de la lupa para que no me ocupe mucho espacio en mi cabecera, pero no se como se hace. Me sale el buscador extendido, en rojo, y me descoloca el menú. Gracias

Que tal,

Actualmente tienes la estructura por defecto de la cabecera de Divi, el icono del buscador tiene ese comportamiento

Si deseas agregar un buscador proporcionado por un complemento extra como el que te ha sugerido mi compañera, es necesario construir una cabecera global desde las opciones de Divi -> Theme Builder

Puedes echarle un vistazo al siguiente video donde mostramos de forma introductoria como crear una cabecera global en divi 

https://www.youtube.com/watch?v=TuaqBhn_j4U&ab_channel=webempresa.com

También hay documentación oficial de Divi

https://www.elegantthemes.com/blog/divi-resources/how-to-build-a-global-header-with-divis-fullwidth-menu-module

Saludos!

@bruno-vichetti estoy usando elementor, (la web es la .es) 

Hola,

Tienes razón, tienes un sitio con Divi y otro con Astra y Elementor.

Para este otro caso si bien tienes mas posibilidades es necesario validar que herramientas tenemos a nuestra disposición

-Por un lado tenemos el constructor de cabeceras integrado con la versión pro de Astra 

https://wpastra.com/docs/create-header-with-header-builder/

-Si tienes elementor y su version Pro puedes tambien crear cabeceras totalmente a medida 

https://elementor.com/help/header-site-part/

-Puede darse el caso que no tengas elementor pro, existen complementos gratuitos que de igual forma nos permiten crear secciones gloables, por ejemplo tenemos artículos donde tratamos el tema

https://www.webempresa.com/blog/como-crear-un-encabezado-personalizado-en-elementor.html
https://www.webempresa.com/blog/crear-menu-fijo-en-elementor-version-gratuita.html

Ya quedara a tu consideración que vía y que herramientas tienes a tu disposición para proceder

Saludos!

@bruno-vichetti yo ya tengo el encabezado personalizado, y he añadido a mi menú la sección de buscar con la lupa de Elementor, y como decía a Karen no me funciona muy bien... Por ejemplo pongo a buscar "Fundas nórdicas"  no me salen los resultados o si me aparece algo me sale raro, un producto solo, no me sale bien configurado como tengo yo las categorías en dos columnas, etc... Cuando escribo algo no aparece la cruz para cerrar el buscador. La lupa de la pantalla no me funciona, solo me busca cuando doy a la lupa de mi teclado...es decir que no me gusta mucho como funciona este buscador. 

Karen me había hablado de este plugin, y me comentaba que funciona mejor https://wordpress.org/plugins/ajax-search-lite/ pero me parece un poco complicado su configuración, porque yo quiero que solo me aparezca el icono de la lupa nada más, porque no quiero que me ocupe espacio en mi encabezado, y en la versión móvil igual... Pero no se como tengo que configurar el plugin para que solo aparezca el icono de la lupa, yo lo estoy intentando pero no me sale y me descoloca mi encabezado, por eso le pedía a Karen alguna guía o que me ayude y me diga como lo tengo que hacer porque yo no se.

Hola,

Vamos a describir el caso

-Ya has usado el buscador que integra elementor por defecto pero no te ha funcionado del todo como gustas tanto en diseño como en funcionalidad

En este caso hay dos puntos por cubrir uno es el modulo de búsqueda que estas utilizando para el buscador, si es nativo de elementor o estas usando un complemento externo para agregar modulos extra

Por otro lado esta el "Query" o la busqueda en si que segun mencionas "Por ejemplo pongo a buscar "Fundas nórdicas" no me salen los resultados o si me aparece algo me sale raro, un producto solo, no me sale bien configurado como tengo yo las categorías en dos columnas, etc... "

Cual es el comportamiento que quieres que tenga el buscador? por defecto cualquier buscador independientemente del tema en uso buscara cualquier los términos clave si se encuentran en cualquier contenido de nuestro sitio web, si deseas focalizar las búsquedas únicamente a productos o a entradas se debe contemplar usar plugins concretos como los que hacemos referencia en este articulo https://www.webempresa.com/blog/mejor-plugin-buscador-en-wordpress.html

Ahora bien siguiendo con el restante de tu consulta "Karen me había hablado de este plugin, y me comentaba que funciona mejor https://wordpress.org/plugins/ajax-search-lite/ pero me parece un poco complicado su configuración, porque yo quiero que solo me aparezca el icono de la lupa nada más, porque no quiero que me ocupe espacio en mi encabezado, y en la versión móvil igual..."

Repasemos a modo de ejemplo como funciona Ajax Search Lite

Una vez instalado, desde las opciones laterales del escritorio de WordPress tendremos la opción "Ajax Search Lite"

De entrada debemos tener presentes que el shortcode es el que debemos copiar y luego colocar en donde queramos que aparezca el buscador, en tu caso es en la cabecera (estructura que me has dicho que ya has construido)

Siguiendo con su configuración. he preguntado mas arriba ¿Cual es el comportamiento que quieres que tenga el buscador? Pues en este caso es posible definir a que contenido interno estará enfocada la búsqueda, por ejemplo solo las entradas

Todo lo que tengamos en la columna izquierda son los tipos de contenidos en los que el buscador puede actuar, la columna derecha colocaremos el contenido donde queremos que en efecto funcione el buscador

Para no complicarnos con las demas opciones desde la pestaña "Opciones de diseño" podemos manipular los estilos, tamaños y fuentes que tendra el buscador

Una vez hayamos guardado los cambios, con nuestro shortcode copiado debemos agregarlo donde queremos que aparezca el buscador, teniendo un aspecto simular al siguiente

Recuerda que el comportamiento y aspecto general del buscador va estar asociado directamente al plugin en uso, si quieres otra forma o estilo toca evaluar otras opciones

Espero haber aclarado tus dudas

Saludos!

@bruno-vichetti Sigo igual que estaba, me sigue sin funcionar el buscador. 

He probado con el que viene en Elementor, que me gustaba porque puedo poner solo la lupa... Pero no me busca nada.

Este es el que puse la primera vez, y Cuando pongo Fundas nórdicas para buscar, que es una de las categorías de mi web... No me busca nada, me sale esto.

Ahí me tendrían que salir los resultados.

Luego he probado con el plugin "Ajax Search Lite" y me pasa exactamente lo mismo, he puesto fundas nórdicas y me sale esto.

No tengo ni idea de que es lo que está mostrando pero no me sale ningún resultado tampoco, es como si pusiera algo de woocomerce predeterminado. He desactivado el plugin.

Yo tengo el plugin de pago YiTh ajax product filter, para poner un filtro de búsqueda en versión móvil comprimido, no se si será por eso...

Ya me decís algo, para ver como solucionar el problema. Gracias.

He eliminado el plugin "Ajax Search Lite" y el icono búsqueda de elementor de mi encabezado del menú, porque no funcionaban bien. He visto que en mi filtro de categorías (tengo la versión de pago YITH ajax product filter) para que en la versión móvil se vea bien, puse un widget de búsqueda de woocommerce que si me funciona muy bien. Mando fotos para que se vea lo que digo.

 Aquí tengo las categorías en versión móvil, con la barra de búsqueda de woocommerce, mi filtro de YITH y funciona bien, Lo unico que cuando me busca algo se pone la barra al final, no se si es el comportamiento habitual... Mando foto.

Puede que sea esto lo que está dando conflicto a mi encabezado personalizado del menú, con el plugin "Ajax Search Lite"?

He pesando que ya que este buscador predeterminado de Woocommerce funciona bien, podría ponerlo en mi encabezado de mi menú? Y de poderse hacer como tendría que hacerlo.

Gracias.

Hola, 

En este caso lo que veo es que quieres añadir como tal el buscador de productos en tu tienda, para este caso son muy pocos los plugins que ofrecen la opción de mostrar solo el icono, ya que la mayoría muestra una caja de búsqueda y no solo el icono. 

Por ejemplo, hay alternativas de plugins que te permiten mostrar resultados precisos de los productos en WooCommerce como:

→ https://fr.wordpress.org/plugins/ajax-search-for-woocommerce/

→ https://wordpress.org/plugins/yith-woocommerce-ajax-search/

→ https://es.wordpress.org/plugins/add-search-to-menu/

→ https://wordpress.org/plugins/advanced-woo-search/

Pero todos ellos te muestran la caja de búsqueda completa, una alternativa seria usa el buscador de Elementor pero esto solo funciona correctamente en su versión Pro, pero ten en cuenta que este es un buscador general de WordPress y no orientado solo a WooCommerce. 

Por otro lado, veo que utilizas el plugin de Element Kits, que también incorpora una opción de buscador, puedes probar utilizar este y revisar si funciona como necesitas y se adapta a tu diseño

Verifícalo y nos comentas como va todo

Un Saludo 

@karen he probado con el buscador de Element kits, y funciona mejor que el otro pero no me sale la búsqueda como con el de woocomerce que tengo en categorías... Pongo foto para explicarme mejor.

Esta es la búsqueda que he realizado con el widget de buscar de woocomerce que tengo en categorías. Los resultados salen ordenados y en dos columnas.

En cambio esta es la búsqueda que he realizado con el buscador de Elements Kits. Y como se puede ver solo sale una columna, un articulo solo pero no salen todos los artículos que hay....

 Como podría solucionar eso? Podría poner el mismo buscador de Woocommerce en el encabezado de mi menú? Aunque no sea solo el icono y tenga que poner la caja de búsqueda… Pero que prefiero que me funcione bien.

Hola, 

En este caso lo que buscas es albo diferente, la página que nos envías es la que se muestra en los resultados de los filtros y no es la página de búsqueda como tal, ten en cuenta que los plugins que te envió añaden resultados que permiten que se muestre el producto en la barra mientras el usuario hace una búsqueda. 

Esta página de resultados se mostrará igual con cualquier plugin, en este caso si quieres tener algo parecido como lo que muestra el plugin de filtros debes crear una página personalizada para los resultados de búsqueda, esto puedes hacerlo con Elementor pro, 

→ Contenido solo visible a usuarios registrados}

Si tienes cualquier duda sobre esto te recomiendo abras un tema para ello, de esta forma manteneos un control sobre el hilo y podemos ayudarte con mayor detalle. 

Un Saludo 

@karen he creado una página de resultados personalizada con Elementor y ahora ya si está como yo quero que salga, solo tengo un problema con el (archive title) que me sale en inglés, pero ya he abierto un nuevo tema para esto. Muchas gracias.