Distintivos de producto personalizados: configuración y ayuda

Inicio rápido

  1. Sube e instala el ZIP del módulo en Módulos > "Module Manager".
  2. Abre Custom Product Badges > "Configure" y confirma que Activar esté en Sí en el contexto previsto.
  3. Selecciona una sola tienda y abre Etiquetas de productos.
  4. 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.
  5. En Asignaciones masivas, elige la insignia y Productos y selecciona Asignar etiqueta.
  6. Haz clic en Ver vista previa de las asignaciones, revisa la selección y haz clic en Confirmar asignaciones.
  7. 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

  1. En Asignaciones masivas, selecciona Nombre de la etiqueta.
  2. Selecciona uno o varios Productos con el selector de productos. Una selección vacía no significa todos los productos.
  3. Elige Operación = Asignar etiqueta o Eliminar etiqueta manual.
  4. Haz clic en Ver vista previa de las asignaciones.
  5. Comprueba los ID de productos y "Assignments to change" en Vista previa de la asignación.
  6. 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

  1. Crea una insignia activa en una sola tienda y asígnala a un producto conocido mediante vista previa y confirmación.
  2. Abre la página del producto y un listado que lo contenga. Confirma el texto, la traducción, los colores y la esquina.
  3. Actualiza el listado o abre una vista rápida y confirma que la insignia sigue asociada al producto correcto.
  4. 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.
  5. 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

Custom Product Badges, Insignias de la página de producto

Custom Product Badges, Insignias de listados en la tienda

Custom Product Badges, Etiquetas predefinidas en el back office

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

ResueltoActualizado:
Corregido en: 1.1.2
Guardar una etiqueta con Guardar y permanecer podía omitir la validación o abandonar el registro editado en lugar de permanecer en él.

Las etiquetas del módulo siguen sin traducirse

ResueltoActualizado:
Corregido en: 1.1.2
Algunas etiquetas, incluidas etiquetas cortas del back office, seguían apareciendo en inglés pese a disponer de traducciones.

Refuerzo de la seguridad

ResueltoActualizado:
Corregido en: 1.1.2
Refuerzo de la seguridad.

El selector de productos no se carga

ResueltoActualizado:
Corregido en: 1.0.15
El selector de productos de la administración de etiquetas podía no cargarse, impidiendo al comerciante elegir productos.

Traducciones incorrectas del módulo

ResueltoActualizado:
Corregido en: 1.0.15
Algunos textos del módulo se mostraban con traducciones dañadas o incorrectas.

El back office del módulo no se abre

ResueltoActualizado:
Corregido en: 1.0.14
Abrir las páginas de administración del módulo podía detenerse con un error en lugar de mostrar la página.

Solicitudes de funcionalidades

6

Implementado

Distintivos de producto con textos traducidos y colores

Implementado
Puedes crear distintivos de producto personalizados con textos traducidos y colores independientes para el fondo y el texto. Estos valores se configuran en el editor de distintivos del módulo.

Actualizaciones del módulo con un clic

Implementado
Instala las actualizaciones disponibles del módulo desde el back office.

Reglas de insignias por categoría

Implementado
Asigna insignias por categoría, incluye subcategorías de forma opcional y controla la prioridad de las reglas coincidentes.

Asignación masiva de insignias con vista previa

Implementado
Asigna o elimina una insignia manual para los productos seleccionados tras revisar el número de asignaciones afectadas.

Insignias en las imágenes de productos

Implementado
Coloca insignias en una esquina elegida de las imágenes de productos y actualízalas cuando cambie el contenido de la tienda.

Gestión multilingüe de insignias por tienda

Implementado
Gestiona las insignias y sus asignaciones para la tienda seleccionada, con uso del idioma predeterminado si faltan traducciones de las insignias.

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.
Iniciar tienda demo

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.

Cargando...
Volver arriba