Producto destacado por categoría — Guía de instalación y configuración
Instale y configure el módulo para destacar un producto por categoría: borde, flag «¡Chollo!» y fijación en la 1ª posición.
Presentación
El módulo Producto destacado por categoría le permite designar un producto destacado en cada una de sus categorías de PrestaShop. Ese producto se distingue mediante tres palancas visuales: un borde de color, un flag promocional de tipo «¡Chollo!» y una posición al principio del listado de la categoría.
El módulo es compatible con PrestaShop 8.0 a 9.x y no requiere ninguna sobrescritura de plantilla: la visualización se basa por completo en CSS inyectado en la cabecera y en el hook nativo del listado de productos.
Instalación
Desde su back office, vaya a Módulos > Gestor de módulos, haga clic en Subir un módulo y seleccione el archivo ZIP del módulo. La instalación es automática.
Al instalarse, el módulo crea su tabla de correspondencia categoría/producto, guarda sus ajustes por defecto (borde naranja de 3 px, flag «¡Chollo!» activado) y se suscribe a los hooks displayHeader y filterProductSearch.
Ajustes de apariencia
Abra la configuración del módulo. El primer bloque reúne los ajustes visuales compartidos por todas las destacaciones:
- Grosor del borde: de 1 a 50 píxeles.
- Color del borde: en formato hexadecimal (por ejemplo #FFA500) o mediante un nombre de color CSS (por ejemplo orange).
- Selector CSS: el elemento que recibe el borde. Por defecto, la miniatura completa del producto.
Elegir el selector CSS
Según su tema, puede apuntar a distintos elementos. La regla generada siempre se limita automáticamente al producto destacado.
- .product-miniature: bordea la miniatura completa (valor por defecto).
- .thumbnail-container: bordea únicamente el contenedor de la imagen.
- Selector personalizado: modo avanzado. Utilice el marcador {id} para escribir usted mismo el selector completo, por ejemplo el contenedor de la viñeta dentro de la miniatura del producto apuntado por su atributo data-id-product.
Configuración del flag «¡Chollo!»
El segundo grupo de ajustes controla la insignia mostrada en el producto destacado:
- Mostrar un flag: activa o desactiva la insignia.
- Texto del flag: introducido idioma por idioma. El texto se muestra automáticamente en el idioma del visitante.
- Color de fondo y color del texto del flag.
- Posición: arriba-izquierda, arriba-derecha, abajo-izquierda o abajo-derecha.
Si el campo Texto del flag se deja vacío para el idioma del visitante, la insignia no se muestra. Recuerde rellenar cada idioma activo.
Destacar un producto
En el segundo formulario, seleccione la categoría correspondiente y, a continuación, busque el producto que desea destacar. El campo de búsqueda acepta el nombre o la referencia del producto y ofrece autocompletado: haga clic en un resultado para seleccionarlo, sin necesidad de conocer su ID.
Confirme con Añadir / Actualizar. La tabla resumen enumera todas las destacaciones activas, cada una con un botón de eliminación.
El módulo gestiona un producto destacado por categoría. Guardar una nueva destacación para una categoría ya asociada reemplaza automáticamente el producto anterior.
Comportamiento en la tienda
En la página de una categoría con una destacación, el producto seleccionado recibe el borde y el flag configurados, y sube a la primera posición del listado. Si no aparece en la página actual debido a la ordenación o la paginación, se añade al principio de la primera página, presentado exactamente como los demás productos.
Preguntas frecuentes
¿Debe el producto destacado pertenecer a la categoría?
No es obligatorio para la visualización en primera posición, pero se recomienda por coherencia de navegación. Al guardar se muestra un aviso si el producto no está asociado a la categoría.
¿El ajuste es propio de cada tienda en multitienda?
La configuración de apariencia y las correspondencias son globales en esta versión. Se puede añadir una gestión por tienda bajo petición.