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

WooCommerce Area Calculator

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

★ 1stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/yosnap/woocommerce-area-calculator/archive/refs/heads/main.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.
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! 🚀