WP Manifestindependent plugin directory
manifest / ecommerce / woocommerce-area-calculator

WooCommerce Area Calculator

Calcula la cantidad de productos necesarios basándose en las dimensiones de un área (ancho × largo)

by sn4p.dev · github.com/yosnap/woocommerce-area-calculator · website

★ 1stars
0forks

Install

No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:

wp plugin install https://github.com/yosnap/woocommerce-area-calculator/archive/refs/heads/main.zip
Readme github.com/yosnap/woocommerce-area-calculator ↗

Plugin avanzado para WordPress que permite calcular cantidades de productos necesarios basándose en el área de superficie.

🚀 Características Principales

✅ Completamente Funcional

  • Cálculo automático de cantidades necesarias por área
  • Panel administrativo completo con configuraciones avanzadas
  • 16 atributos de shortcode configurables
  • 5 temas de colores y múltiples layouts
  • Sistema de caché avanzado para máximo rendimiento
  • Seguridad reforzada con validación y sanitización
  • Accesibilidad completa (ARIA, screen readers)
  • Diseño responsive y moderno

📦 Instalación

  1. Copiar la carpeta del plugin en /wp-content/plugins/
  2. Activar en WordPress Admin → Plugins
  3. Configurar en WooCommerce → Calculadora de Área

🛠️ Configuración

Panel Administrativo

Accede a WooCommerce → Calculadora de Área para configurar:

Sección General

  • Título del formulario
  • Texto del botón
  • Unidades de medida
  • Área mínima y máxima
  • Método de redondeo

Sección Productos

  • Selección de productos disponibles
  • Configuración de área de cobertura por producto
  • Límite de resultados mostrados

Sección Apariencia

  • Mostrar/ocultar imágenes de productos
  • Ordenamiento de resultados
  • Personalización visual

📝 Uso del Shortcode

Shortcode Básico

[calculadora_area]

Shortcode con Atributos

[calculadora_area 
    titulo="Mi Calculadora" 
    estilo="compact" 
    tema="verde"
    mostrar_titulo="yes"
    ancho_inicial="5"
    largo_inicial="10"
    resultados_maximos="5"
]

🎨 Temas y Layouts

Temas Disponibles

  • Azul (por defecto): Esquema profesional
  • Verde: Diseño natural
  • Naranja: Estilo cálido
  • Morado: Diseño moderno
  • Gris: Esquema neutro

Layouts Disponibles

  • Default: Layout estándar
  • Compact: Versión compacta
  • Wide: Layout amplio
  • Minimal: Diseño minimalista
  • Card: Estilo tarjeta

⚡ Características Técnicas

Rendimiento

  • ✅ Caché de productos y configuraciones
  • ✅ Caché de cálculos frecuentes
  • ✅ Carga condicional de assets

Seguridad

  • ✅ Sanitización completa de inputs
  • ✅ Validación de nonces
  • ✅ Rate limiting para AJAX
  • ✅ Logs de seguridad

Accesibilidad

  • ✅ Etiquetas ARIA completas
  • ✅ Soporte para lectores de pantalla
  • ✅ Navegación por teclado

🔧 Testing

Verificar Funcionamiento

# En el directorio del plugin
php test-plugin.php
php test-shortcode.php

📋 Requisitos

  • WordPress: 5.0+
  • WooCommerce: 3.0+
  • PHP: 7.4+
  • MySQL: 5.6+

📝 Changelog

v1.0.0 - 2024-07-05

  • ✅ Fase 1: Configuración inicial y estructura base
  • ✅ Fase 2: Arquitectura con patrón Singleton
  • ✅ Fase 3: Panel administrativo avanzado
  • ✅ Fase 4: Frontend mejorado con múltiples opciones
  • ✅ Fase 5: Optimización completa y seguridad
  • ✅ Testing: Verificación y corrección de errores

🤖 Desarrollado con Claude Code

Este plugin fue desarrollado completamente utilizando Claude Code de Anthropic, siguiendo las mejores prácticas de WordPress y WooCommerce.

¡Listo para usar en producción! 🚀