JetSearch le permite agregar una búsqueda de Ajax Live a Elementer

Al crear un encabezado personalizado en Elementer, puede agregar el widget del formulario de búsqueda para proporcionar un formulario de búsqueda para facilitar a sus visitantes. Encontrar el contenido que necesita en su sitio web. Widget El formulario de búsqueda utiliza la función de búsqueda predeterminada de WordPress en la que los resultados se mostrarán en una página separada, la página de resultados de búsqueda. Para dar a los visitantes una mejor experiencia, es posible que desee mostrar los resultados instantáneamente inmediatamente después de ingresar la palabra clave. JetSearch te permite lograr esto.
La función de generar el tema en Elementor Pro en realidad le permite crear una página personalizada con los resultados de búsqueda en el que puede establecer el aspecto de la página con los resultados de búsqueda solo, así como agregar los elementos a su gusto. Pero otra vez. Es posible que desee dar una mejor experiencia agregando una búsqueda en vivo a su sitio de WordPress. JetSearch: una breve introducción que es un código abierto de software, Elementor tiene un ecosistema abierto, lo que permite que los desarrolladores de terceros se unan al ecosistema mediante el desarrollo de suplementos. Crocoblock es un notable desarrollador de suplementos en el ecosistema elemental. Ha desarrollado una serie de suplementos primarios premium. JetSearch es uno de ellos.
JetSearch es un complemento elemental especialmente diseñado para agregar una búsqueda AJAX en vivo. El suplemento viene con un widget llamado Ajax Search que puede agregar al encabezado personalizado (o en cualquier área como desee). Cuando sus visitantes realizan una búsqueda del formulario de búsqueda de widgets, encontrarán que los resultados de búsqueda se muestran instantáneamente en la ventana emergente alimentada por AJAX, en lugar de ser redirigidos a los resultados de búsqueda. Eche un vistazo al screencast a continuación. Más interesante, JetSearch le permite filtrar los resultados de búsqueda que se muestran. Por ejemplo, puede excluir páginas para establecer JetSearch para mostrar solo publicaciones de blog o productos de WooCommerce. O si tiene una publicación personalizada o campos personalizados en su sitio de WordPress, también puede usarlos como parámetro de búsqueda.

JetSearch es un suplemento pagado, parte de JetPlogins. Puede obtenerlo como un suplemento separado o en un conjunto.
Obtener JetSearch
Cómo usar JetSearch JetSearch viene con un widget elemental llamado Ajax Search. Puede agregar el widget a cualquier plantilla de generador de temas o página elemental. Sin embargo, se agrega idealmente a la plantilla de encabezado personalizada. Si desea agregar el widget de búsqueda AJAX al encabezado personalizado, debe usar Elementor Pro. Alternativamente, puede usar JetThemecore (otro complemento de Crocoblock), que también le permite crear un encabezado personalizado. En este artículo, le mostraremos que use JetSearch en Elementor Pro.
Si es nuevo en el elemento y aún no tiene idea de cómo crear un encabezado personalizado usando Elementor, puede leer nuestro artículo anterior para averiguar cómo. En este artículo, iremos directamente a la adición del widget de búsqueda de AJAX. Simplemente agregue el widget de búsqueda de AJAX a la sección de encabezado personalizado. Una vez que se agrega el widget, vaya a la pestaña avanzada desde el panel de configuración y abra el bloque de posicionamiento. Establezca el ancho en línea (automáticamente). Esto hará que Ajax Widget se alinee horizontalmente con otros widgets de columna.
Pase nuevamente a la pestaña de contenido en el panel de configuración y abra el bloque de formulario de búsqueda para establecer el icono de inserción, el soporte del lugar y el botón Enviar.

Luego abra el bloque de consulta de búsqueda para hacer el filtro. Puede hacer clic en el campo de origen para seleccionar ciertas áreas de búsqueda. Por ejemplo, si desea que JetSearch busque publicaciones de blog, puede seleccionar publicaciones. Para establecer JetSearch para buscar productos WooCommerce, puede seleccionar productos. Puede agregar más áreas de búsqueda.

Para la filtración avanzada, puede incluir/excluir el contenido de acuerdo con ciertos términos (categoría, etiqueta o autor). También puede establecer el número de publicaciones por página, así como la cantidad de resultados que se muestran para una sola consulta de búsqueda.

Luego puede abrir el bloque de resultados para personalizar el área con los resultados de búsqueda. Si desea utilizar un ancho personalizado para el área con los resultados de búsqueda, puede establecer el ancho del área que resulta en personalizado, luego establezca el ancho en consecuencia. Desde el mismo bloque, también puede establecer los resultados para navegar, activar/desactivar ciertos componentes (precio del producto, evaluación del producto, publicación en miniatura, etc.). Si establece campos personalizados en la consulta de búsqueda, puede abrir el bloque de campo personalizado para el conjunto Los campos personalizados antes y después del contenido.

Para personalizar los mensajes de error, puede abrir el bloque de notificaciones. Hay dos campos que puede completar aquí, como puede ver en la captura de pantalla a continuación.

Estimulando la búsqueda después de haber realizado la configuración básica en la pestaña de contenido, puede pasar a la pestaña de estilo para estresar la búsqueda. Desde esta pestaña, puede personalizar el aspecto de los componentes de búsqueda. Desde el formulario de búsqueda, el botón de envío, la configuración de impresión, etc. Hay 10 bloques que puedes abrir aquí:


Formulario de búsqueda

Puede abrir este bloque para establecer el fondo del fondo, la sombra de la caja, el borde y el relleno.

Campo de entrada

Puede abrir este bloque para establecer la tipografía (la familia de fuentes, el tamaño de fuente, el estilo de fuente, etc.) el texto insertado. También puede establecer el color del texto del texto insertado, el fondo del campo introductorio, la sombra del campo de entrada, etc.
Botón de envío
Puede abrir este bloque para personalizar el botón de envío. Puede establecer cosas como la tipografía del texto del botón de envío, el tamaño y el color del icono del botón de envío, el color de fondo del botón de envío, etc.
Puede abrir este bloque para personalizar el área de resultados, como la brecha entre el formulario de búsqueda y el área de resultados, el fondo, el borde, la sombra de la caja, etc.
Elementos resultantes
Puede abrir este bloque para personalizar los elementos en el área de resultados. Puede establecer cosas como la tipografía del título y el contenido (extracto), el color del título y el contenido, el color de fondo de cada artículo, etc.
Medidor de resultados
En el área de resultados, justo antes de los resultados, verá una nota que muestra los elementos encontrados. La nota dice “en resultados”. Puede abrir el contador resultante para personalizar esta parte. Puede establecer la tipografía, el color de fondo, el color del texto.
Botón Todos los resultados
El botón Todos los resultados aparecen en la parte inferior del área de resultados. Al hacer clic en este botón, llegará a la página con los resultados de búsqueda de su sitio de WordPress. También puede personalizar esta parte abriendo el bloque de botones todos los resultados.
Flechas de navegación
Si activa su navegación, puede abrir este bloque para personalizarlo. Puede establecer el color de fondo, el tamaño de la fuente, el color del texto, el color del borde, etc.
Notificaciones
Puede abrir este bloque para personalizar los mensajes de error. Puede establecer la impresión, el color del texto, la alineación y el relleno.
Hilandero
Puede abrir este bloque para configurar el color de la barra de carga. Conclusión La búsqueda es una característica bastante importante de un sitio web. Elementor tiene un widget predeterminado que puede usar para agregar un formulario de búsqueda a un encabezado personalizado o cualquier parte de su sitio. Para enriquecer la experiencia de sus visitantes, agregar una búsqueda AJAX puede ser una gran idea. De lejos (hasta la versión 3.2), Elementor no tiene un widget predeterminado para agregar una búsqueda AJAX. JetSearch ofrece una solución para arreglar la canción que falta. Con JetSearch, tiene una búsqueda de Widget AJAX que puede usar para agregar una búsqueda en vivo en AJAX a su sitio. La capacidad de aplicar el filtrado en el área con los resultados de búsqueda es lo que hace que valga la pena intentarlo. El procesamiento de la consulta también es rápido. JetSearch es el suplemento que necesita si desea agregar una búsqueda AJAX en el elemento del sitio web de WordPress.