Rotozoom Product Filter — Manual
Filtrado de productos AJAX ultrarrápido para WooCommerce. Product Filter permite a tus clientes acotar tu catálogo por categoría, precio, atributos, stock y valoración — los resultados se actualizan al instante, sin recargar la página. Es un reemplazo directo y sin dependencias de WBW Product Filter.
- Versión gratuita: filtrado AJAX completo, control deslizante de precio, filtros de stock/valoración, contexto de categoría, hasta 4 atributos activos.
- Versión Pro: atributos ilimitados y compatibilidad total con el tema XStore.
- Precio Pro: 47 € / año por sitio.
Para principiantes: qué hace este plugin
Cuando una tienda tiene más de un puñado de productos, los clientes necesitan una forma de encontrar rápidamente lo que buscan. Un filtro es el panel — normalmente a la izquierda de la página de la tienda — con casillas y controles deslizantes como Precio, Color o Marca. A medida que el cliente marca casillas, la cuadrícula de productos se reduce.
Product Filter añade este panel a tu tienda y lo hace instantáneo: la cuadrícula se actualiza en el momento en que se marca una casilla, sin recargar la página. También conserva los filtros elegidos en la dirección web (la URL), para que un cliente pueda guardar como favorita o compartir una vista filtrada.
Configuración
1. Prepara tus datos
Los filtros valen tanto como tus datos de producto, así que asegúrate primero de que tus productos tengan:
- Categorías asignadas (en cada producto o en Productos → Categorías).
- Atributos como Color, Talla, Potencia, Casquillo (definidos en Productos → Atributos y luego asignados a los productos).
Consejo: mantén los slugs de atributos en letras ASCII simples (por ejemplo
socket,wattage). Los slugs no latinos pueden codificarse mal en la URL.
2. Coloca el filtro
Añade el filtro a tu tienda con el shortcode [avs_filter]. Colócalo en un área de widgets (como una barra lateral de la tienda) o directamente en una página o plantilla de categoría, según tu tema. El filtro respeta automáticamente la página en la que se encuentra — en una página de categoría filtra dentro de esa categoría.
3. Elige qué filtros mostrar
En los ajustes del plugin eliges qué controles aparecen — categorías, rango de precio, atributos individuales, estado de stock y valoración — y en qué orden aparecen.
Referencia de funciones
Filtrado AJAX con sincronización de la URL
Cada cambio en un filtro lanza una solicitud AJAX — una llamada en segundo plano al servidor que devuelve solo los productos coincidentes y los inserta en la cuadrícula, sin recargar toda la página. Los filtros activos se escriben en la URL, de modo que:
- El botón Atrás del navegador funciona como se espera.
- Una vista filtrada se puede guardar como favorita o compartir.
- Llegar directamente a una URL filtrada muestra los resultados correctos, ya filtrados.
Control deslizante de rango de precio
Un control deslizante de dos tiradores permite a los clientes establecer un precio mínimo y máximo. El rango se adapta a los productos visibles en ese momento.
Filtros de atributos
Cada atributo de WooCommerce puede convertirse en un grupo de filtros (casillas). Los clientes pueden combinar varios — por ejemplo Casquillo: E27 y Temperatura de color: Blanco cálido — para acotar los resultados con precisión.
- Free: hasta 4 filtros de atributos activos a la vez.
- Pro: filtros de atributos ilimitados — ideal para catálogos técnicos con muchas propiedades.
Filtros de stock, valoración y especiales
Filtros integrados más allá de los atributos:
- En stock — ocultar artículos agotados.
- Valoración — mostrar solo productos a partir de una valoración por estrellas.
- En oferta / destacados — resaltar promociones.
Contexto de página de categoría
Cuando el filtro está en un archivo de categoría, acota automáticamente los resultados a esa categoría, de modo que los clientes refinan dentro de la sección que están explorando en lugar de en toda la tienda.
Free vs Pro de un vistazo
| Función | Free | Pro |
|---|---|---|
| Filtrado AJAX con sincronización de la URL | ✓ | ✓ |
| Control deslizante de rango de precio | ✓ | ✓ |
| Filtros de stock, valoración y especiales | ✓ | ✓ |
| Contexto de página de categoría | ✓ | ✓ |
| Filtros de atributos activos | hasta 4 | ilimitados |
| Compatibilidad con el tema XStore | — | ✓ |
Notas avanzadas
- Compatibilidad con XStore (Pro): XStore genera las páginas de la tienda con su propio marcado; Pro incluye una integración específica para que el filtro se enganche correctamente a la cuadrícula de productos y al AJAX de XStore. En temas estándar/genéricos el filtro funciona sin esto.
- Consultas basadas en la URL: los filtros modifican la consulta principal de productos, por lo que los resultados son consultas reales de WooCommerce (paginación, ordenación y recuentos correctos) en lugar de un truco de mostrar/ocultar del lado del cliente.
- Rendimiento: el filtrado usa el contexto de categoría para mantener las consultas acotadas y rápidas incluso en catálogos grandes.
Solución de problemas
- Un atributo no se ofrece como filtro — confirma que es un atributo global (en Productos → Atributos) y que está asignado a productos; en Free, recuerda el límite de 4 atributos.
- Las URL filtradas parecen rotas o doblemente codificadas — comprueba que los slugs de atributos sean ASCII simple.
- El filtro se ve sin estilo en XStore — XStore necesita la integración Pro; conecta tu licencia Pro.
Para conectar una licencia Pro, consulta Instalar y actualizar plugins.