Distintivos de producto personalizados: configuración y ayuda
Inicio rápido
- Sube e instala el ZIP del módulo en Módulos > "Module Manager".
- Abre Custom Product Badges > "Configure" y confirma que Activar esté en Sí en el contexto previsto.
- Selecciona una sola tienda y abre Etiquetas de productos.
- En Definición de la etiqueta, introduce Nombre de la etiqueta, los colores, Esquina de la miniatura, Posición y Activa y haz clic en Guardar.
- En Asignaciones masivas, elige la insignia y Productos y selecciona Asignar etiqueta.
- Haz clic en Ver vista previa de las asignaciones, revisa la selección y haz clic en Confirmar asignaciones.
- Abre el producto seleccionado y un listado. Confirma que la insignia activa aparece con el texto y la colocación previstos.
Manual de configuración
Instalación y primera configuración
Sigue los pasos de Inicio rápido.
Ajustes y contexto de tienda
Abre Módulos > "Module Manager" > Custom Product Badges > "Configure". En Configuración de insignias de producto, Activar tiene Sí como valor global predeterminado. Elige No para ocultar insignias en el contexto seleccionado. En el contexto de grupo o tienda, Heredar elimina esa sobrescritura. Las tiendas heredan de su grupo y después de los ajustes globales. Haz clic en Guardar.
Abre la página Etiquetas de productos del módulo para gestionar etiquetas, reglas y asignaciones. Selecciona primero una sola tienda. El editor rechaza el contexto de todas las tiendas o de grupo. Necesitas acceso de visualización y el permiso correspondiente de añadir, editar o eliminar. Tu empleado debe tener acceso a la tienda seleccionada.
Definición de la etiqueta
Usa Nueva etiqueta para iniciar una definición.
| Campo | Valor de un registro nuevo | Uso |
|---|---|---|
| Nombre de la etiqueta | Vacío en cada idioma | Introduce la etiqueta obligatoria en el idioma predeterminado y las traducciones opcionales. Máximo 128 caracteres; se rechazan HTML y caracteres de control. Las traducciones vacías usan el idioma predeterminado de la tienda. |
| Color del texto | #ffffff |
Elige un color hexadecimal de seis dígitos. |
| Color de fondo | #e74c3c |
Elige un fondo hexadecimal de seis dígitos. |
| Esquina de la miniatura | Arriba a la izquierda | Elige Arriba a la izquierda, Arriba a la derecha, Abajo a la izquierda o Abajo a la derecha. |
| Posición | 0 |
Establece un valor de orden no negativo. Los valores más bajos van primero después de la prioridad de regla. |
| Activa | Sí | Oculta esta insignia eligiendo No sin eliminarla. |
Haz clic en Guardar. Por ejemplo, crea Última oportunidad, con texto blanco, fondo #111111 y colocación Arriba a la derecha. La tabla Etiquetas de productos muestra Nombre de la etiqueta, Activa, Posición y Acciones. Usa Editar o Eliminar allí.
La pantalla actual de ajustes no tiene un campo "Default badge presets (JSON)". Crea las definiciones en este editor.
Asignaciones masivas
- En Asignaciones masivas, selecciona Nombre de la etiqueta.
- Selecciona uno o varios Productos con el selector de productos. Una selección vacía no significa todos los productos.
- Elige Operación = Asignar etiqueta o Eliminar etiqueta manual.
- Haz clic en Ver vista previa de las asignaciones.
- Comprueba los ID de productos y "Assignments to change" en Vista previa de la asignación.
- Haz clic en Confirmar asignaciones para aplicar la selección.
La vista previa está vinculada a tu empleado y tienda y caduca tras 15 minutos. Si cambian las asignaciones o los datos del catálogo antes de confirmar, genera una nueva vista previa. Eliminar una asignación manual no elimina una insignia que siga proporcionada por una regla de categoría.
Reglas de categoría
En Regla de categoría, elige un Nombre de la etiqueta guardado y selecciona Categorías. Incluir subcategorías tiene el valor predeterminado No. Establécelo en Sí para incluir productos de categorías descendientes. Prioridad tiene el valor predeterminado 0. Los valores más bajos aparecen primero. Activa tiene el valor predeterminado Sí.
Haz clic en Guardar regla. Usa Editar, Eliminar o Nueva regla para gestionar reglas. La coincidencia de categorías usa la pertenencia del producto a categorías, incluidas las descendientes cuando se seleccionan. No implementa condiciones automáticas de novedad, descuento, existencias o fabricante.
Las coincidencias manuales y de reglas se combinan por ID de insignia. La misma insignia aparece una vez. Los resultados se ordenan por prioridad, posición y después ID de insignia. Una insignia solo manual tiene una prioridad alternativa alta, por lo que la prioridad de la regla de categoría puede colocar primero las insignias de reglas. No hay campos de fecha de inicio ni de fin.
Colocación y personalización en la tienda
El módulo renderiza insignias de texto. No cambia archivos de imagen ni acepta insignias de imagen subidas. Su JavaScript monta grupos de insignias en los elementos compatibles de la galería del producto y miniaturas de listados en las esquinas elegidas. La colocación depende de los selectores y del marcado de tu tema.
El módulo admite displayProductAdditionalInfo, displayProductListReviews, displayLeftColumnProduct, displayRightColumnProduct y displayFooterProduct. Los hooks de cabecera y medios cargan los recursos y la configuración del endpoint de fragmentos. El navegador también busca fragmentos de insignias ausentes y reacciona a actualizaciones de listas de productos, de productos y a vistas rápidas.
Usa .mprbadges-wrap, .mprbadges-tag y .mprbadges-corner en el CSS de tu tema. Por ejemplo:
.mprbadges-wrap { gap: 6px; }
.mprbadges-tag { border-radius: 2px; font-size: 10px; line-height: 1.3; }
La ruta de sobrescritura de la plantilla del tema es:
themes/your-theme/modules/mprproductbadges/views/templates/hook/badges.tpl
Parte de la plantilla actual. Recibe mprbadges_groups, agrupados por esquina, y mprbadges_product. Conserva data-mpr-badges, las clases de esquina y los ID de insignias necesarios para el código de montaje del navegador. El antiguo bucle mprbadges_items no corresponde a esta versión.
Verificación y resolución de problemas
- Crea una insignia activa en una sola tienda y asígnala a un producto conocido mediante vista previa y confirmación.
- Abre la página del producto y un listado que lo contenga. Confirma el texto, la traducción, los colores y la esquina.
- Actualiza el listado o abre una vista rápida y confirma que la insignia sigue asociada al producto correcto.
- Añade una regla de categoría. Prueba un producto perteneciente directamente a la categoría y uno de una categoría descendiente con ambos ajustes de descendientes.
- Desactiva la insignia individual y confirma que desaparece.
Si el editor pide una sola tienda, cambia el selector multitienda. Si falla el guardado, comprueba los permisos del empleado y vuelve a abrir la página para renovar el token. Recrea las vistas previas caducadas o modificadas.
Si falta la salida en la tienda, comprueba Activar heredado, Activa de la insignia, la asignación o regla activa, la pertenencia a la tienda y el idioma alternativo. Inspecciona los recursos de cabecera y el endpoint badges del módulo en el panel de red del navegador. Un tema personalizado puede necesitar integración de selectores o plantilla. Usa la página de integridad de la instalación para tablas y hooks ausentes.
Desactivación o desinstalación
Usa Activar = No para ocultar insignias sin eliminar definiciones. Usa Activa = No para ocultar una insignia. Eliminar una insignia elimina sus asignaciones y reglas de categoría de la tienda actual, así como sus traducciones de tienda.
Desinstala desde "Module Manager" para eliminar la configuración del módulo, el menú y las tablas de insignias gestionadas por el esquema. Haz antes una copia de seguridad de tus definiciones, traducciones, reglas de categoría y asignaciones si necesitas conservarlas.
Compatibilidad
Requiere PrestaShop 1.6 o posterior y PHP 7.1 o posterior.
Capturas de pantalla de referencia



Preguntas
1
¿Qué carga en el navegador la visualización de insignias?
El módulo carga estilos y JavaScript locales y puede solicitar los fragmentos de insignias que faltan al endpoint badges de la misma tienda mediante los ID de productos. Los fragmentos proceden de tu tienda, sin un servicio externo de insignias. Evalúa las páginas con muchos productos en tu tema, ya que esto añade trabajo al navegador y al servidor.
Problemas conocidos
6
Guardar y permanecer no guarda bien los cambios de etiquetas
Las etiquetas del módulo siguen sin traducirse
Refuerzo de la seguridad
El selector de productos no se carga
Traducciones incorrectas del módulo
El back office del módulo no se abre
Solicitudes de funcionalidades
6
Implementado
Distintivos de producto con textos traducidos y colores
Actualizaciones del módulo con un clic
Reglas de insignias por categoría
Asignación masiva de insignias con vista previa
Insignias en las imágenes de productos
Gestión multilingüe de insignias por tienda
Registro de cambios
v1.0.142026-08-18
- Addedcomplete FR/DE/ES/IT/PL translations
Versiones anteriores
v1.3.02026-04-20
- Addedadmin menu management via MenuInstaller for streamlined module setup
v1.2.02026-02-06
- AddedPS 9 / Hummingbird theme compatibility
- Addedcustom badge creation with configurable label, background colour, and text colour
- Improvedbadge position picker — nine-point grid overlay on product image preview
- Fixed'New' badge incorrectly appearing on products older than configured days threshold
- Optimized batch badge rendering — single SQL query for all products in listing
v1.1.02025-06-18
- Added'Low Stock' badge with configurable quantity threshold
- Addedbadge scheduling — set start/end dates for promotional badges
- ImprovedRTL layout support for badge text
v1.0.02025-04-21
- Initialrelease: product badges for PrestaShop listing and detail pages
- InitialBuilt-in New, Sale, and Hot badge types
- InitialConfigurable position, font size, and border-radius per badge type
- InitialCompatible with PS 1.7.x and PS 8.x
Demo
Prueba el módulo completo antes de comprar
Compra la licencia más tarde y conserva tus ajustes.
- Tu demo de 30 días Pruébalo en tu propia tienda durante 30 días desde la primera instalación.
- Tienda demo lista Explora una tienda demo lista en tu navegador.
- Sin registro Sin cuenta, correo ni dominio de tienda.
Al descargar, aceptas las condiciones de la demo y la política de privacidad.
Al abrir esta demo, acepta los términos de la demo y la política de privacidad.