Filtros: orden y posición de propiedades
Cómo ordenar las propiedades de un filtro y cómo usar las posiciones 1 a 4 para mostrar su imagen sobre la foto del producto.
Una propiedad de filtro puede mostrarse como una imagen sobre la foto del producto (una cucarda: "Envío gratis", "Oferta", "Cuotas sin interés"). La esquina donde aparece esa imagen se define con un número del 1 al 4.
Configurarlo bien evita cucardas que no aparecen, que tapan otra o que quedan en una esquina que no corresponde.
Cuatro conceptos distintos
Antes de configurar, conviene no mezclar estas cuatro cosas:
| Concepto | Qué define | Dónde se configura | Cuándo se guarda |
|---|---|---|---|
| Orden del filtro | El lugar del filtro respecto de los demás filtros. | Listado de filtros, arrastrando la fila. | Al soltar la fila. |
| Orden de las propiedades | El lugar de cada propiedad dentro de su filtro. | Editar filtro, arrastrando la fila de la propiedad. | Al seleccionar Guardar o Aplicar. |
| Posición visual (1 a 4) | La esquina de la foto del producto donde se muestra la imagen de la propiedad. | Campo Descripción de la propiedad. | Al seleccionar Guardar o Aplicar. |
| Código | Un valor técnico que algunas plantillas usan (por ejemplo, un color en formato #RRGGBB o una cantidad de cuotas). | Campo Codigo de la propiedad. | Al seleccionar Guardar o Aplicar. |
El orden no cambia la posición
Arrastrar una propiedad cambia su orden dentro del filtro, pero no cambia la esquina donde se muestra su imagen. La esquina depende únicamente del número escrito en Descripción.
Dónde se configura
Panel de control → Catálogo → Filtros → en la fila del filtro, Seleccione → Editar.
La posición se escribe en la columna Descripción de la tabla Propiedades.
Códigos de posición
| Valor en Descripción | Ubicación sobre la foto del producto |
|---|---|
1 | Arriba a la izquierda |
2 | Arriba a la derecha |
3 | Abajo a la izquierda |
4 | Abajo a la derecha |
Para que la imagen se muestre se tienen que cumplir todas estas condiciones:
- La propiedad tiene una imagen cargada.
- Descripción contiene exactamente un solo carácter:
1,2,3o4. Valores como01,1(con espacio),5oArribano muestran la imagen. - El producto tiene asignada esa propiedad.
Cuando se cumplen, la imagen aparece en los listados de productos y en el detalle del producto. Al hacer clic sobre ella, la tienda abre el listado de productos filtrado por esa propiedad.
Cómo configurar una posición
- Ingresá a Catálogo → Filtros.
- En el filtro que contiene la propiedad, abrí Seleccione y elegí Editar.
- En la fila de la propiedad, cargá la imagen con Examinar. Si la propiedad ya tiene imagen, podés cambiarla desde el menú junto a la miniatura (Cambiar Imagen).
- En Descripción, escribí solo el número de la posición:
1,2,3o4. - Seleccioná Aplicar para guardar y seguir en la pantalla, o Guardar para guardar y volver.
- Asigná la propiedad a los productos que deben mostrarla: desde Productos → Acciones → Agregar Filtro (Organizar productos) o con la Carga Masiva - Filtro.
- Revisá el resultado en la tienda desde una ventana privada (ver Errores comunes).
Las imágenes se cargan desde Editar filtro
En Crear filtro la columna Imagen está visible, pero las imágenes elegidas ahí no se guardan. Creá primero el filtro y cargá las imágenes después, desde Editar filtro.
Ejemplo práctico
Un filtro Promociones con estas propiedades:
| Nombre | Imagen | Descripción | Resultado |
|---|---|---|---|
| Envío gratis | Sí | 1 | Arriba a la izquierda. |
| Oferta | Sí | 2 | Arriba a la derecha. |
| Cuotas sin interés | Sí | 4 | Abajo a la derecha. |
| Liquidación | No | 3 | No se muestra: falta la imagen. |
| Exclusivo online | Sí | (vacío) | No se muestra como imagen: no tiene posición. |
Un producto que tiene asignadas Envío gratis y Cuotas sin interés muestra la primera imagen arriba a la izquierda y la segunda abajo a la derecha. Si además tiene Liquidación, no aparece nada en la esquina inferior izquierda hasta que esa propiedad tenga imagen.
Mover Oferta al primer lugar de la tabla cambia el orden de las propiedades del filtro, pero la imagen sigue arriba a la derecha porque su Descripción es 2.
Errores comunes
| Situación | Causa | Solución |
|---|---|---|
| La imagen no aparece. | Falta la imagen, la Descripción no es exactamente 1 a 4, o el producto no tiene asignada la propiedad. | Revisá las tres condiciones de Códigos de posición. |
| El número se escribió en Codigo. | La posición se lee solo desde Descripción. | Pasá el número a Descripción y dejá Codigo como estaba. |
| La imagen cargada al crear el filtro no está. | Crear filtro no guarda imágenes. | Cargala desde Editar filtro. |
| Se arrastró la propiedad y la imagen no cambió de esquina. | El orden y la posición son independientes. | Cambiá el número en Descripción. |
| Dos imágenes se ven superpuestas. | Dos propiedades asignadas al mismo producto tienen la misma posición. El sistema no lo impide. | Usá posiciones distintas para propiedades que pueden coincidir en un mismo producto. |
| El cambio no se ve en la tienda. | La lista de propiedades con posición se guarda durante la sesión de cada visitante. | Abrí la tienda en una ventana privada o nueva sesión. Los visitantes con una sesión abierta lo verán en su próxima sesión. |
| Se configuraron más de cuatro imágenes de un mismo filtro en un producto. | Por cada filtro se muestran como máximo cuatro imágenes con posición. | Asigná a cada producto solo las propiedades que deben verse. |
Consideraciones técnicas
- El campo Descripción también puede tener otros usos según la plantilla de la tienda. Por ejemplo, algunas plantillas muestran en un bloque especial solo las propiedades cuya descripción es
MOSTRAR. Una propiedad no puede tener a la vez una posición y ese valor. - La ubicación exacta (distancia a los bordes y tamaño de la imagen) la define la hoja de estilos de la plantilla. Las plantillas revisadas incluyen las cuatro ubicaciones; una plantilla personalizada podría resolverlas de otra forma.
- Las cucardas propias del producto (por ejemplo, Novedad) se muestran en el mismo contenedor que estas imágenes.