Aumente sus ventas y la participación de los clientes con el widget Ordenar y filtrar. Este widget facilita a sus clientes la clasificación de sus productos y categorías. Ya sea que busquen el nombre de un producto específico, en un rango de precios particular, o sus últimos lanzamientos, podrán limitar la búsqueda rápidamente.
Es importante tener en cuenta que el widget Ordenar y filtrar solo se puede agregar a una página que ya tenga agregado el widget Galería de productos. Esto se debe a que el widget Ordenar y filtrar muestra exclusivamente los productos ubicados dentro de la Galería de productos de la página, o si hay varias galerías de productos, el widget filtrará los productos de todas las galerías de la página. Por ejemplo, si tiene productos que no están en la página, no se mostrarán al usar el widget Ordenar y filtrar.
Nota
Solo se mostrarán los productos cuando se emplee el widget Ordenar y filtrar, no las categorías. Por ejemplo, si tiene una Galería de productos que está configurada para mostrar una categoría (y no productos), el widget Ordenar y filtrar no mostrará nada cuando se agregue a la página.
Para agregar el widgetde Ordenar y Filtrar :
-
Navegar a la página deseada. La página ya debe tener agregado el widget Galería de productos.
-
En el panel lateral, haga clic en widget.
-
En la store sección, haga clic y arrastre Ordenar y filtrar widget al lugar deseado de la página donde desea que esté el botón.
Las opciones de filtrado y clasificación se pueden personalizar. Esto se puede hacer en el editor de contenido del widget. Para acceder al editor de contenido, haga clic con el botón derecho en el widget y, a continuación, haga clic en Editar contenido.
A continuación se muestran las opciones disponibles:
-
Nombre para mostrar (panel de botones y filtros). Es opcional establecer un nombre para mostrar; si no se establece ninguno, se emplea el filtro y ordenamiento predeterminado.
-
Filtrar por. De forma predeterminada, esta opción está activada.
-
Categoría
-
Precio
-
-
Ordenar por. De forma predeterminada, esta opción está activada.
-
El más nuevo. Disponible en el plan Avanzado y superiores.
-
Precio (de menor a mayor). Pares con Precio (alto a bajo). Si uno está discapacitado, el otro también lo estará. Disponible en el plan Avanzado y superiores.
-
Precio (de mayor a menor). Pares con Precio (de menor a mayor). Si uno está discapacitado, el otro también lo estará. Disponible en el plan Avanzado y superiores.
-
Nombre (ZA). Pares con Nombre (AZ). Si uno está discapacitado, el otro también lo estará.
-
Nombre (AZ). Pares con Nombre (ZA). Si uno está discapacitado, el otro también lo estará.
-
Nota
-
Cuando tanto Filtrar por como Ordenar por están desactivados, el botón del widget seguirá presente, aunque no sucederá nada cuando se seleccione.
-
Las stores del plan Standard solo mostrarán las opciones de ordenar por nombre.
Emplee el Panel Diseño para personalizar el diseño del panel Botón y filtro para el widget Ordenar y filtrar.
Para configurar el diseño:
-
Haga clic con el botón derecho en el widget Ordenar filtro y, a continuación, haga clic en Editar diseño.
-
Haga clic en la pestaña del elemento que desea configurar (panel de botón o filtro).
A continuación se muestran los elementos de diseño que puedes personalizar:
Panel de filtro
Estilo
-
Disposición
-
Alineación del panel. Configure el panel para que se muestre en el lado derecho o izquierdo de la pantalla.
-
Ancho. Establezca el ancho del panel.
-
Espacio entre. Establezca el espacio entre las secciones.
-
-
Elementos del panel
-
Color de casilla de verificación.
-
Color del icono de casilla de verificación.
-
Icono de borde de casilla de verificación.
-
Divisor. Ancho y color.
-
Control deslizante de rango de precios. Ancho y color.
-
-
Ícono de cerrar
-
Color.
-
Color de fondo.
-
Texto
-
Nombre para mostrar.
-
Títulos del panel.
-
Opciones del panel.
Para obtener información sobre las opciones de diseño que no son específicas de este widget (por ejemplo, diseño, estilo o espaciado), consulte Diseño widget .
Botón
Para obtener información sobre las opciones de diseño de los botones, consulte Diseño widget .