Proyecto original

Este desarrollo está inspirado en una implementación real realizada para la página de productos del sitio web:

🔗 https://sucesores.es

Introducción

Este conjunto de notas documenta paso a paso la creación de un plugin de WordPress personalizado que amplía las funcionalidades de WooCommerce, centrado especialmente en la gestión de productos con información extendida.

El plugin permite:

• Añadir campos personalizados a productos de WooCommerce, como:
  • Ingredientes
  • Alérgenos
  • Medidas de la caja
  • Peso y unidades por caja
  • Tipo de envase
  • Valor energético y otros datos nutricionales
  • Instrucciones de uso y almacenamiento
  • Recetas relacionadas
  • Marca del producto y color asociado
  • Categoría del producto (en varios idiomas)
  • Código de producto (copiable desde frontend)
  • Enlace a ficha técnica en PDF, con posibilidad de ocultar el botón si no está disponible
  • Indicadores especiales como "apto para freidora" o "tiene receta original"
• Mostrar todos estos datos en el frontend mediante shortcodes reutilizables en Elementor o en plantillas PHP.
• Permitir al administrador del sitio gestionar imágenes adicionales para cada producto.
• Compatibilidad básica con WPML: el plugin está preparado para traducciones usando __() y esc_html__() con su propio dominio de texto.
• Comportamiento visual mejorado: por ejemplo, un botón para copiar el código del producto que cambia de color y muestra un mensaje temporal como "Copiado" en distintos idiomas.

Contenido

• 01 Estructura del plugin – Archivos básicos y estructura general.
• 02 Hooks principales – Acciones y filtros usados.
• 03 Campos personalizados – Cómo crear, mostrar y guardar campos.
• 04 Shortcodes – Cómo mostrar los datos en el frontend.
• 05 Gestión de medios – Selección de imágenes o PDF desde la biblioteca.
• 06 Compatibilidad con WPML – Consideraciones para traducción.
• 07 Elementor y uso dinámico – Cómo aprovechar los shortcodes en Elementor.
• 08 Buenas prácticas y consejos – Algunos consejos.