Cómo actualizar una página de producto sin volver a cargar después de hacer clic en el botón de filtro en Magento

En primer lugar, no se especifica si está utilizando Magento 1 o 2. Y el filtro está en la página de categoría en lugar de en la página del producto. Es probable que recomiende una extensión llamada “Buscador de piezas / Filtro de ajuste del producto para Magento 2”.

Además de su funcionalidad requerida, es decir, actualizar la página sin volver a cargarla, también proporciona las siguientes características:

  • Ni siquiera tiene que hacer clic en el botón de filtro, muestra directamente los resultados filtrados tan pronto como se selecciona el último valor del campo.
  • Permite crear varios filtros, cada uno con nombres de campo con orden de clasificación. Opción para el rango también está disponible.
  • Los valores de las opciones de campo se pueden agregar utilizando la función CSV de importación o manualmente.
  • También permite exportar los datos.
  • El SKU del producto está asociado con los valores de las opciones y, por lo tanto, no hay posibilidad de error.
  • Los filtros se pueden mostrar en la categoría, así como en otras páginas web de la tienda.
  • En la página web, el filtro se puede colocar en la parte superior, la barra lateral izquierda o la barra lateral derecha.
  • Cada categoría puede tener un filtro propio.

Por lo tanto, la extensión proporciona un filtro altamente eficiente que se puede personalizar según las necesidades de su tienda. Para obtener más detalles sobre las características y configuraciones, visite este enlace.

Espero que esto ayude a resolver su consulta!

La forma más fácil de actualizar la página del producto sin volver a cargar la página después de hacer clic en el botón de filtro es aplicar la extensión de navegación en capas de Magento 2 desde Tigren . Debido a la combinación con AJAX LOADING , puede seleccionar fácilmente múltiples opciones de filtro y recibir resultados de coincidencia instantáneos mientras permanece en la página actual.

Además, esta navegación por capas de Magento también ofrece muchas características útiles:

  • Permitir filtrar productos basados ​​en marcas y clasificaciones
  • Fácil de crear una página de marca única y una página de todos los productos
  • Muestre un control deslizante de precios agradable y práctico y un widget “de-a”
  • Soporte de optimización SEO

Con esta extensión, está permitiendo que los visitantes encuentren instantáneamente lo que quieren entre miles de productos increíbles en su tienda gracias al conveniente sistema de navegación.

Especialmente, Tigren ofrece un atractivo precio de prueba para esta navegación en capas de Magento : solo $ 99 hasta finales de junio de 2017 con características COMPLETAS (precio original: $ 199).

Puedes echar un vistazo a sus demos antes de tomar una decisión:

Demostración frontal

Demostración de fondo (Nombre de usuario: tigren, Contraseña: tigren123 $)

DESCARGA LA EXTENSIÓN DE NAVEGACIÓN EN CAPAS DE MAGENTO 2 AHORA

Para responder a su pregunta, puedo sugerir una extensión razonable no solo para resolver su problema actual, sino también para mejorar su tienda de diseño. Es la extensión de navegación en capas de Magento 2 de Mageplaza

Esta extensión tiene exactamente lo que necesita: muestre los resultados relevantes sin cargar la página después de usar el botón de filtrado. Debe saber que esta función solo está disponible en la extensión de Mageplaza.

  • La extensión integra la excelente tecnología de carga Ajax que ayuda a que no se requiera la recarga de la página para la aparición de productos sensibles.
  • También puede hacer el filtro múltiple con atributos al mismo tiempo.

Todo lo que tiene que hacer es descargar la extensión, instalar y comenzar a usar el complemento fácilmente. Además, el equipo de soporte siempre está dispuesto a ayudarlo, cualquier pregunta puede hacerse en la esquina inferior derecha de la página.

Para más detalles, puede seguir el enlace a su Navegación en capas de Mageplaza aquí.

Permítame presentarle una solución, si su página está construida en Magento 2, Magento 2 Layered Navigation Extension de Mageplaza Esta extensión tiene exactamente lo que necesita: muestre los resultados relevantes sin cargar la página después de usar el botón de filtrado. Debes saber que esta función solo está disponible en la extensión de mageplaza.

En particular, la extensión integra la gran tecnología de carga Ajax que ayuda a que no se requiera la recarga de la página para la aparición de productos sensibles. Todo lo que tiene que hacer es descargar la extensión, instalar y comenzar a usar el complemento fácilmente.

Para más información, vaya a Navegación en capas.

Espero que estés feliz con eso!

Creo que no ha aclarado si está utilizando el tema predeterminado o cualquier tema personalizado. Debido a que no hay nada como “filtro” en una página de producto Magento predeterminada (Tal vez su tema personalizado tenga filtros en la página del producto).

Sin embargo, hay filtros en las páginas de listado de Categoría de Magento predeterminadas, pero en realidad están basadas en clics. No hay opción para seleccionar un rango o cualquier selección y luego hacer clic en el botón Filtro. Puede ser su tema personalizado tiene esto.

Si es así, la única mejor opción es instalar una extensión de filtro personalizada o las denominadas extensiones de navegación en capas. Existen muchas extensiones en el mercado que proporcionan la funcionalidad de selección de filtro sin recargar la página. Puedes usar cualquiera de ellos.

Pero tenga cuidado al usar la navegación en capas, ya que también pueden crear algunos problemas de SEO. Hay una discusión detallada sobre el problema de SEO en este hilo de Quora y en este hilo del foro. Deberías tomar una referencia.

Espero que esto te ayude. Puede comunicarse con Knowband cualquier desarrollo de Magento personalizado si lo necesita. Es una compañía de desarrollo de extensiones y complementos y ha desarrollado muchos complementos y extensiones populares hasta la fecha.

Puede actualizar totalmente una página de producto sin volver a cargarla después de hacer clic en el botón de filtro en Magento.

Estoy usando la navegación en capas de Mageplaza para mi tienda en línea. Con la tecnología Ajax, mis compradores no tardan mucho en esperar para volver a cargar toda la página. Después de aplicar el filtro, los elementos coincidentes se mostrarán inmediatamente. Entonces, mis compradores están muy satisfechos.

Además, algunas otras características sobresalientes me hacen interesante como:

  • URL amigable para SEO: Mi sitio puede navegar y recordar fácilmente para la próxima búsqueda. Es importante destacar que mi tienda puede alcanzar el alto rango en los motores de búsqueda.
  • Control deslizante de precios: el control deslizante de precios con varios tipos incluye máscara de interfaz de usuario plana, máscara moderna, máscara HTML5, bonita piel blanca y máscara oscura simple, mis compradores pueden ajustarla absolutamente para adaptarse a su situación financiera.

Si quieres saber más información, puedes contactar con ellos.

Le recomiendo que use Magento Ajax cart pro para Magento 2. Con esta extensión, sus clientes pueden agregar tantos productos al carrito como sea posible

Para Magento 1: Magento Ajax cart pro

Para Magento 2: Magento Ajax cart pro para Magento 2

EXTENSIÓN DEL CARRO AJAX – BENEFICIOS

Como sabe, en un sitio web predeterminado de Magento, cuando los clientes agregan un producto al carrito, normalmente el artículo seleccionado se almacenará en la página del carrito de compras en el que, si los clientes desean comprar otros productos, deben hacer clic en el botón “Continuar comprando” para volver a una página de listado. Por lo tanto, a veces es hostil y costoso para los clientes pedir un montón de productos. De hecho, diseñamos y desarrollamos Magento Ajax Cart que hace que la interfaz de usuario de Magento sea absolutamente amigable para que los clientes agreguen productos al carrito o eliminen artículos del carrito sin volver a cargar la página. A partir de esto, a sus clientes les resultará conveniente, emocionante y les ahorrará tiempo comprar los productos en su sitio.

La extensión Ajax Cart funciona con todos los tipos de productos: productos simples, productos virtuales, productos descargables, productos agrupados, productos configurables, productos combinados.

EXTENSIÓN DEL CARRO MAGENTO AJAX – LISTA DE CARACTERÍSTICAS

Cuando los clientes hacen clic en el botón “Agregar al carrito” en cualquier página (página de inicio, categorías, detalles del producto, lista de deseos, comparar, carrito de compras …), se mostrará una ventana emergente de Ajax con el diálogo de productos seleccionados y se llamará botones de acción para continuar comprando o ir a la página de pago.

El carrito ajax es una mejora de vanguardia para su sitio web Magento existente, sea lo que sea que esté vendiendo o proporcionando. En comparación con una tienda Magento predeterminada, cuando el cliente hace clic en el botón Agregar al carrito en cualquier página, irá a la página de detalles del producto y el cliente agregará el producto al carrito. Sin embargo, con Ajax Cart Extension, el cliente puede agregar productos al carrito al instante sin ir a la página de detalles del producto.

En caso de que el producto sea configurable con diferentes opciones, cuando los clientes agreguen este tipo de producto al carrito, la ventana emergente de Ajax mostrará la información del producto y las opciones relevantes del producto. Por lo tanto, los clientes pueden seleccionar las opciones apropiadas de inmediato para el producto y luego continuar comprando o ir a la página de pago.

En la ventana emergente de Ajax, si los clientes hacen clic en el botón “Continuar comprando”, la página no se volverá a cargar y los clientes podrán verificar y agregar otros productos al carrito fácilmente en la página. Si los clientes hacen clic en el botón “Ir a la página del carrito”, se moverá a la página del carrito de compras donde los clientes pueden completar su pedido.

Una característica más perfecta que nace con Magento Ajax Cart es que le permite mostrar (o no mostrar) productos relacionados, ya sea que se vendan o se vendan sin problemas en la ventana emergente del carrito Ajax junto con el registro de artículos seleccionados. Aunque la presencia de productos relacionados es probablemente humilde, es una solución efectiva para aumentar la lealtad de sus clientes a sus productos (ya que no encontrarán más en otro lugar para otros artículos para completar el aspecto), como resultado, aumenta constantemente su lucro.

Después de agregar el producto al carrito, Mi carrito (enlace superior) y Mini carrito (barra lateral) se actualizarán automáticamente. Además, en la ventana del mini carrito, los clientes pueden eliminar elementos sin volver a cargar la página.

El administrador puede configurar para:

  • Habilitar / deshabilitar el módulo Magento Ajax Cart
  • Dos opciones para el modo ajax: Fly cart y Show Popup
  • Mostrar o no mostrar el producto Upsell en una ventana emergente
  • Mostrar o no mostrar el botón “Pagar”, el enlace “Ver carrito de compras”, el botón “Continuar comprando”
  • Editar mensaje visible en la ventana emergente

Especialmente, la extensión del carrito Magento Ajax está diseñada para no sobrescribir ningún archivo de la plantilla Magento. Por lo tanto, puede usar esta extensión de Magento para muchos temas diferentes de Magento.

Magento Ajax Add To Cart admite Magento multi-tiendas

– También es compatible con la tienda Magento con varios idiomas

– Está diseñado y codificado con código fuente 100% abierto

– Es muy fácil de instalar y configurar

– Está diseñado para tener Magento Cart UI como una interfaz absolutamente amigable.

– El código fuente está validado con el estándar W3C

Ciertamente puede usar la extensión de navegación en capas de Magento 2 de Mageplaza como estoy usando para mi tienda. Estoy seguro de que esta extensión no te decepcionará. Además, el equipo de soporte siempre está dispuesto a ayudarlo, cualquier pregunta puede hacerse en la esquina inferior derecha de la página. Puede solicitar otra Navegación en capas adecuada diseñada para adaptarse a su sitio web. Para más detalles, puede seguir el enlace de arriba.

Tienes que usar AJAX para lograr eso.

o use complementos de filtro populares como:

Barra de herramientas y navegación en capas AJAX gratuita de Magehouse con Price Slider 2.2.0

Navegación en capas

Filtros avanzados

Usando JSON y Actualizar solo valores de campo

Saludos,
Maneesh D