Nutrition Info for WooCommerce

Descripción

Información nutricional para WooCommerce te permite añadir datos nutricionales completos, ingredientes e información sobre alérgenos en cada producto de WooCommerce. Todos los datos se introducen directamente desde la pantalla de edición del producto y se muestran en la portada con un diseño limpio y accesible.

Características

Tabla de información nutricional

Introduce valores por 100 g para todos los campos nutricionales estándar:

  • Energía (kJ/kcal)
  • Ácidos grasos saturados, monoinsaturados y poliinsaturados
  • Carbohidratos, azúcares, polialcoholes y almidón
  • Fibra dietética
  • Proteína
  • Salt
  • Vitaminas y minerales

La tabla se procesa / muestra como un elemento colapsable, así que no ocupa espacio por defecto.

Ingredientes

Un campo de ingredientes de texto libre se muestra en una sección independiente desplegable debajo de la tabla nutricional.

Iconos de alérgenos

Elige qué alérgenos se aplican a cada producto. Alérgenos compatibles (cada uno con su propio icono SVG):

Alcohol, Almendras, Apio, Maíz, Crustáceos, Huevo, Pescado, Gluten, Miel, Lupinos, Leche, Moluscos, Hongos, Mostaza, Frutos secos, Ecológico, Cacahuetes, Sésamo, Soja, Especias, Azúcar, Sulfitos, Verduras — además de una acreditación Vegan.

Los iconos se muestran en el bucle de productos (páginas de tienda/archivo) y en la página de producto individual.

Colocación flexible

En WooCommerce Ajustes Nutrientes puedes elegir dónde aparecen la tabla de nutrientes y los ingredientes en la página de producto individual:

  • Separar pestaña
  • Dentro de la pestaña de descripción
  • Después del precio
  • Después del extracto
  • Después del botón «Añadir a al carrito»
  • Después de los metadatos del producto
  • Colocación manual (oculta: usa el shortcode [nutritiontable])

Shortcode

Utiliza [nutritiontable] para procesar / mostrar la tabla nutricional en cualquier parte de la página.

Requisitos

  • WordPress 5.8+
  • WooCommerce 5.0+
  • PHP 7.4+

Enlaces

Bloques

Este plugin proporciona 2 bloques.

  • Product nutritional information
  • Product allergens

Instalación

  1. Sube la carpeta del plugin a /wp-content/plugins/ o instálalo desde la pantalla de plugins de WordPress.
  2. Activa el plugin desde la pantalla de Plugins.
  3. Ve a WooCommerce Ajustes Nutrientes para configurar la posición de visualización y las opciones de estilo.
  4. Edita cualquier producto y completa las pestañas Información nutricional y Composición y alérgenos.

FAQ

¿Dónde introduzco los datos nutricionales?

En la pantalla de edición del producto, aparecen dos nuevas pestañas en la caja meta de Datos del producto: Información nutricional y Composición y alérgenos.

¿Puedo colocar la tabla manualmente?

Sí. Establece la posición en «Colocación manual (oculta)» en los ajustes y usa el shortcode [nutritiontable] donde lo necesites.

¿Los iconos de alérgenos son personalizables?

Los iconos son archivos SVG almacenados en includes/assets/allergens/. Puedes reemplazar cualquier archivo por tu propio SVG manteniendo el mismo nombre de archivo.

Reseñas

No hay valoraciones para este plugin.

Colaboradores y desarrolladores

«Nutrition Info for WooCommerce» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

«Nutrition Info for WooCommerce» está traducido en 2 idiomas. Gracias a los traductores por sus contribuciones.

Traduce «Nutrition Info for WooCommerce» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

1.0.1

  • Corregido: las cadenas no estaban en inglés.

1.0.0

  • Reprogramar: migrado al espacio de nombres CLOSE\NutritionInfo con autoload de Composer (classmap).
  • Nuevo: la clase Hooks centraliza todo el registro de gancho para la portada / vista pública / parte pública.
  • Nuevo: la clase Allergens carga iconos SVG desde includes/assets/allergens/: ya no hay SVG integrado en PHP.
  • Nuevo: la acreditación/insignia vegana se muestra por separado antes de la miniatura del producto en el bucle de la tienda.
  • Nuevo: el establecimiento de la posición es compatible con la opción «pestaña de descripción interna», que añade la información nutricional y los ingredientes al contenido existente de la pestaña.
  • Mejora: tabla nutricional e ingredientes procesados como elementos accesibles plegables.
  • Mejora: los iconos de alérgenos incluyen una etiqueta que se muestra al pasar el cursor.
  • Corrección: el autoload de Composer pasó de PSR-4 a classmap para dar soporte a la convención de nombres de archivo class-*.php en WordPress.
  • Quitado: carpeta de origen sass/ (el CSS se distribuye como un archivo compilado).
  • Reprogramar: mejorada la estructura del código, la sanitización y el escape en todos los archivos.
  • Nuevo: se han añadido herramientas de PHPStan y PHP_CodeSniffer.
  • Nuevo: flujo de trabajo de GitHub Actions para linting y despliegue.
  • Corrección: saneamiento de variables y verificación de nonce al guardar los metadatos del producto.

0.1.0

  • Versión inicial.