Documentación del Sistema
Historial de Cambios y Versiones (Changelog)
Código fuente y seguimiento del proyecto
Consulta el repositorio oficial junto con este historial de versiones.
github.com/afiladosredtumi-ux/webredtumi
# 📄 CHANGELOG - RedTumi.site
**Proyecto:** Tienda E-Commerce, Bolsa de Trabajo y Servicio Técnico de Afilado
**Cliente:** Red Tumi (Grooming & Veterinaria Perú)
**Dominio:** [https://redtumi.com](https://redtumi.com)
**Fecha de Lanzamiento:** 23 de Agosto, 2026
**Repositorio:** [github.com/afiladosredtumi-ux/webredtumi](https://github.com/afiladosredtumi-ux/webredtumi)
**Versión:** `v1.8.0` (Repositorio oficial y changelog integrado)
---
## v1.8.0 - Repositorio oficial y changelog integrado (3 de septiembre de 2026)
- Integración del repositorio oficial `afiladosredtumi-ux/webredtumi` en la configuración del sitio.
- Nuevo acceso a GitHub desde los iconos sociales y los enlaces inferiores del footer.
- Página `/changelog` vinculada directamente con el repositorio del proyecto.
- Detección automática de la versión más reciente a partir de `CHANGELOG.md`, eliminando el badge fijo anterior.
- Incorporación de `/changelog` al sitemap XML para facilitar su descubrimiento.
---
## v1.7.1 - Imagen oficial Andis AGC Brushless (28 de agosto de 2026)
- Sustitución de la imagen compuesta y distorsionada de la Andis AGC Brushless por la fotografía frontal oficial del modelo granate 23370.
- Eliminación de la observación pendiente asociada a la fotografía anterior.
- Ajuste del contenedor de imágenes de producto para conservar la proporción original en escritorio y móvil.
- Alojamiento local del recurso WebP para asegurar disponibilidad y carga rápida.
---
## v1.7.0 - Catálogo, imagen de afilado y agenda de eventos (27 de agosto de 2026)
- Corrección del filtro de cortadoras para mostrar los productos publicados bajo la categoría `maquinas`.
- Compatibilidad de categorías con enlaces antiguos, nombres en singular, “cortadoras” y el parámetro alternativo `categoria`.
- Sustitución de la imagen genérica de `/afilado` por una fotografía optimizada y acorde con el mantenimiento técnico de cuchillas y tijeras.
- Conversión de la antigua Bolsa de Trabajo en la nueva sección `/eventos`.
- Agenda inicial con Latin Pet Show, Peruvian Cats 2026 y el I Congreso Latinoamericano del Cuy, enlazados a fuentes oficiales.
- Actualización de los accesos “Eventos” en la navegación superior, el footer y el sitemap XML.
---
## v1.6.0 - Guía integral de cuidado y mantenimiento (27 de agosto de 2026)
- Renovación completa de `/cuidados-herramientas` con recomendaciones fundamentadas y organizadas por tipo de equipo.
- Información operativa del servicio técnico: plazo promedio, coordinación en feriados y continuidad tras la aprobación de informes.
- Cuidados específicos para tijeras Edgeline, cuchillas y cortadoras, incluidos modelos, intervalos de revisión, piezas de desgaste y advertencias eléctricas.
- Programa preventivo para sopladoras y secadoras, con revisiones antes de Fiestas Patrias y las fiestas de fin de año.
- Indicaciones especiales para filtros, carbones y secadora de pedestal Kyklon.
- Navegación interna y checklist visual para las rutinas de inicio y cierre de jornada.
---
## v1.5.0 - Envíos de herramientas desde Lima y provincias (27 de agosto de 2026)
- Nueva sección completa en `/afilado#envios` para coordinar el envío de cuchillas, tijeras y herramientas de grooming.
- Modalidad de envío directo a la sede Surco mediante Olva Courier, con destinatario, dirección, referencia y accesos a Waze/Google Maps.
- Modalidad de envío por Shalom o Marvisur hacia la agencia Atocongo de San Juan de Miraflores para recojo por motorizado autorizado.
- Recomendaciones visibles sobre coordinación previa, identificación del servicio y conservación del comprobante.
- Botón directo a WhatsApp para coordinar el envío antes de despachar las herramientas.
- Acceso destacado desde la portada y nuevo enlace “Envío de herramientas” en el footer.
- Datos operativos centralizados en `data/site_config.json` para facilitar futuras actualizaciones.
---
## v1.4.0 - Redes sociales y publicaciones recientes (27 de agosto de 2026)
- Incorporación de accesos oficiales a Facebook, Instagram y TikTok en la portada y el pie de página.
- Nueva sección “Síguenos y descubre lo último” con viñetas visuales de la publicación más reciente de cada red.
- Portadas de publicaciones alojadas localmente para evitar la caducidad de enlaces temporales de las plataformas sociales.
- Enlaces configurados hacia los perfiles y publicaciones oficiales proporcionados por la cliente.
- Datos sociales centralizados en `data/site_config.json` para facilitar futuras actualizaciones.
---
## v1.3.1 - Mejora de legibilidad del footer (27 de agosto de 2026)
- Aumento del contraste entre el fondo oscuro y los textos secundarios del pie de página.
- Enlaces del footer aclarados y estados de foco/hover reforzados con subrayado para facilitar su identificación.
- Separador inferior ajustado para conservar una jerarquía visual clara.
---
## v1.3.0 - Promociones vigentes y horarios de atención (27 de agosto de 2026)
- Incorporación en la portada de una sección de promociones vigentes con la oferta de **3 toallas ABSOPTION TOWEL por S/ 70** (precio unitario S/ 30).
- Incorporación de la promoción del mes: **compra 5 cerámicas para cuchillas Andis u Oster y recibe la 6.ª gratis**.
- Nueva sección de horarios de atención diferenciada para las sedes Surco y Norte/SMP, incluyendo los periodos de refrigerio sin atención.
- Horarios resumidos añadidos junto a las direcciones de ambas sedes en el pie de página.
- Sustitución del horario genérico de la barra superior por un acceso directo a los horarios específicos de cada sede.
- Datos de horarios centralizados en `data/site_config.json` para facilitar su mantenimiento.
---
## v1.2.1 - Barra de categorías rápida (24 de agosto de 2026)
- Creación de una barra de navegación secundaria en el header de la web.
- Categorización rápida para los usuarios (Shampoo, Tijeras, Máquinas de corte, Repuestos, Mesas de grooming, Secadoras, Sopladoras, Cuchillas) permitiendo filtrar los productos de manera más directa.
- Integrado bajo el menú principal conservando el diseño responsive y adaptable.
---
## v1.2.0 — Migración al dominio principal (23 de agosto de 2026)
- Respaldo verificado de la base de datos WordPress anterior antes del reemplazo.
- Migración completa del sitio desplegado en `redtumi.site` hacia `redtumi.com`.
- Actualización de URL base, imágenes de producto, logotipo, favicon y metadatos sociales al dominio principal.
---
## v1.1.2 — Restablecimiento de la tienda (23 de agosto de 2026)
- Corrección del error 500 en `/tienda` causado por la ausencia de `ProductModel::filter()`.
- Implementación de búsqueda por nombre, SKU y descripción.
- Implementación de filtros por categoría y rango de precios.
- Implementación del orden por destacados, precio y nuevos ingresos.
- Compatibilidad de los accesos rápidos de portada con categorías en singular y plural.
---
## v1.1.1 — Banner institucional a ancho completo (23 de agosto de 2026)
- El banner “Presentes en Lima y provincias” ahora ocupa todo el ancho de la portada, sin esquinas redondeadas, sombras ni reducción dentro de una columna.
- Restauración del recurso a su resolución original de 1920 × 459 px.
- Separación del título comercial y los botones de acción en una franja independiente debajo del banner para mejorar lectura y navegación responsive.
---
## v1.1.0 — Identidad visual oficial de Red Tumi (23 de agosto de 2026)
- Recuperación del BrandBook y los recursos originales desde `redtumi.com`.
- Sustitución del logotipo SVG provisional por la marca oficial **AFILADOS RED TUMI**.
- Nuevo favicon y metadato social basados en los activos corporativos originales.
- Integración del banner institucional original en la portada.
- Sustitución de ilustraciones SVG rotas por fotografías reales del taller.
- Marca de agua oficial aplicada a fotografías de afilado, mantenimiento y reparación.
- Actualización de esas tres fotografías activas en `redtumi.com`, conservando nombres, dimensiones y copias de respaldo.
- Reorganización de la landing de afilado como galería de trabajos reales, sin presentar imágenes genéricas como casos “antes/después”.
- Optimización de fotografías a WebP para reducir el peso de carga.
---
## 📌 Resumen General del Proyecto
Se ha construido y desplegado desde cero una plataforma web completa tipo E-Commerce MVC (basada en la arquitectura de CodeIgniter) para **Red Tumi**, especializada en venta de equipamiento para peluquería canina, veterinaria y servicio técnico de afilado. El sitio está alimentado con la información extraída de `redtumi.com`, incluye un diseño moderno blanco/rojo responsive, checkout en una sola página, pasarela de pago por Yape/Plin/Transferencia, panel de administración con gestor de imágenes WebP/Cropper.js y optimización SEO integral para Google.
---
## 📅 Historial de Cambios y Funcionalidades (v1.0.0)
### 🎨 1. Diseño General & Branding
- **Paleta de Colores:** Fondo blanco limpio (`#FFFFFF`), tipografía en negro legibilidad profesional (`Plus Jakarta Sans`), divisores en gris claro y **botones/CTAs en Rojo Primario (`#D32F2F`)**.
- **Diseño Responsive:** Adaptado al 100% para dispositivos móviles (smartphones), tablets y pantallas de computadora.
- **Logo Corporativo:** Integración de isotipo vectorial SVG con la tijera y Tumi corporativo.
---
### 🏠 2. Página de Inicio (Home View)
- **Hero Banner:** Propuesta de valor clara con CTAs directos a la tienda y cotización de afilado.
- **Accesos Rápidos por Categoría:** Botones de acceso directo a *Tijeras*, *Cuchillas*, *Máquinas* y *Servicio Técnico*.
- **Tarjetas de Producto Modernas (`.modern-card`):**
- Efecto de elevación suave (*hover transform & shadow*).
- Zoom progresivo en las imágenes de productos.
- Sistema de calificación con 5 estrellas (`★★★★★`).
- Badges de stock ("¡Quedan pocas unidades!", "🔥 Popular").
- Visualización de precio de lista tachado vs precio de oferta en Soles (`S/.`).
- Botón circular rápido para añadir al carrito.
- **👁️ Contador de Vistas en Tiempo Real:**
- Badge dinámico en cada tarjeta (`<i class="fa-solid fa-eye text-danger"></i> 1,420 vistas`).
- Incremento automático del contador en base de datos al visitar la ficha del producto.
- **Botón Flotante de WhatsApp:** Acceso rápido a atención al cliente en la esquina inferior derecha (`+51 934 767 046`).
---
### 🛍️ 3. Catálogo de Tienda & Filtros
- **Buscador en Vivo:** Búsqueda en tiempo real por título, palabra clave o SKU.
- **Filtros por Categoría:** Clasificación instantánea por Tijeras, Cuchillas, Máquinas, Sopladoras, Mesas y Cosmética.
- **Ordenamiento Dinámico:** Orden por precio (Menor a Mayor / Mayor a Menor) y destacados.
- **Precios Comerciales Reales:** Asignación de precios de mercado en Soles (S/.) para los 223 productos del catálogo.
---
### 📦 4. Ficha de Producto (Product View)
- **Visor de Imágenes:** Galería con miniaturas interactivas y visor principal.
- **Información Técnica & Garantía:** Indicador de stock en tiempo real, SKU del producto y sello de garantía oficial Red Tumi.
- **Descripción Limpia sin HTML Roto:** Normalización y limpieza de etiquetas obsoletas de WordPress, dejando texto formateado en párrafos y puntos de beneficio.
- **Botones de Compra:** Selección de cantidad (+/-), "Agregar al carrito" y "Comprar por WhatsApp Directo".
---
### 🛒 5. Carrito de Compras & Checkout
- **Carrito Persistente:** Modificación rápida de cantidades y subtotal instantáneo.
- **Checkout en Una Sola Página:** Formulario directo de datos del cliente (Nombre, Teléfono, Correo, Dirección, Distrito).
- **Calculadora de Envíos:** Cálculo automático del costo de envío según el distrito de entrega en Lima o Provincias.
- **Pasarela de Pagos Integrada:**
- Yape / Plin (`+51 934 767 046`).
- Transferencia Bancaria (BCP, BBVA, Interbank).
- Pago Contra Entrega.
- **Confirmación por WhatsApp:** Notificación automática al número oficial con el resumen del pedido.
---
### ✂️ 6. Landing de Servicio de Afilado & Galería "Antes y Después"
- **Sección Dedicada `/afilado`:** Página independiente optimizada para SEO.
- **📷 Galería Comparativa "Antes y Después":**
- **Caso 1 (Tijeras 440C):** Reparación de muescas por caídas vs filo navaja pulido a espejo y calibración de tensión.
- **Caso 2 (Cuchillas A5):** Eliminación de desgaste plano vs lapeado en disco magnético.
- **Proceso Técnico en 4 Pasos:** Diagnóstico óptico, Afilado al agua, Calibración/Pulido y Prueba de corte sintético.
- **Cotizador Instantáneo:** Enlace directo a WhatsApp para cotizar lotes de tijeras y cuchillas.
---
### 👥 7. Bolsa de Trabajo & Comunidad
- **Sección `/bolsa-de-trabajo`:** Publicaciones de ofertas laborales para groomers y veterinarios con formulario de postulación/publicación.
---
### ⚙️ 8. Panel de Administración Corporativo (`/admin`)
- **Autenticación de Seguridad:** Sistema de login seguro (`admin` / `redtumi2026!`).
- **Gestión de Pedidos:** Cambio de estado en tiempo real (*Pendiente*, *Pagado*, *Enviado*, *Cancelado*).
- **🎨 Gestor de Imágenes WebP & Recortador Interactivo (`Cropper.js`):**
- **Editor/Recortador:** Herramienta interactiva para recortar, rotar (90°/-90°) y encuadrar imágenes.
- **Reordenamiento:** Flechas para cambiar el orden de las fotos y seleccionar la imagen principal de portada.
- **Carga Masiva en Archivo .ZIP:** Subida de paquetes `.zip` que se descomprimen automáticamente.
- **Conversión WebP:** Conversión automática de todas las imágenes subidas al formato ligero `.WebP`.
- **🔍 Módulo SEO Global & Empresa:**
- Cargador del Logo Oficial de la empresa.
- Edición de Meta Título Global (Title Tag), Meta Descripción Snippet y Keywords.
- Edición SEO individual por producto.
---
### 🔍 9. SEO & Rendimiento Técnico
- **Compresión WebP & Gzip:** Imágenes optimizadas y archivos reducidos.
- **Mapa del Sitio XML:** Generación dinámica en `/sitemap.xml`.
- **Open Graph Social Tags:** Vistas previas profesionales al compartir enlaces en WhatsApp o redes sociales.
- **Auditoría HTTP 200 OK:** Todas las rutas probadas con estado 200 OK y 0 errores 404.
---
## 🛠️ Especificaciones Tecnológicas
* **Backend:** PHP 8.1+ MVC Framework (Arquitectura CodeIgniter).
* **Base de Datos:** JSON Database Engine (`data/products.json`, `data/site_config.json`, `data/orders.json`).
* **Frontend:** HTML5, CSS3, JavaScript (ES6+), Bootstrap 5.3.2, FontAwesome 6, Cropper.js 1.5.
* **Servidor Web:** Apache / cPanel / FTPS (`redtumi.com`).