El problema
UpGreens es una tienda de Nápoles que vende bicicletas eléctricas, fat bikes y accesorios a través de WooCommerce. La tienda estaba en marcha con pedidos reales, así que nada podía romperse. Pero tenía problemas reales: las fichas de producto mostraban los precios con IVA y el carrito sin IVA, de modo que un mismo producto aparecía con dos precios distintos. El carrito estaba a medias en inglés, en cada carga de página saltaba un aviso de PHP y la portada se veía anticuada.
Lo que construí
Arreglé la tienda y reconstruí su front end, con una sola corrección pequeña y controlada dentro del tema.
- Precios coherentes — tienda, carrito y pago muestran ahora todos los precios con IVA incluido, para que el cliente vea un único precio desde la ficha de producto hasta el pago.
- Carrito y pago en italiano — un pequeño plugin must-use traduce las cadenas que quedaban en inglés mediante filtros de WordPress, así que sobrevive a las actualizaciones del tema.
- Portada con datos reales — cabecera principal, categorías, escaparate de productos, ventajas, noticias y franja de comunidad se generan a partir del catálogo. La etiqueta «hasta un X% de descuento» se calcula con los descuentos reales, y el umbral de envío gratuito (150 €) se lee de los ajustes de la tienda.
- Nueva cabecera y nuevo pie — una única barra blanca con logotipo, menú, buscador, cuenta y contador del carrito, y un pie de página que solo muestra los métodos de pago realmente disponibles al pagar.
- Pago a plazos — Klarna y HeyLight, que permiten al cliente dividir el importe en hasta 12 plazos sin intereses.
- Facturación italiana — campos de número de IVA y código fiscal en el pago, y facturas en PDF.
- Diseños probados — la cuadrícula de productos muestra 4 por fila en ordenador, 2 en tableta y 1 en el móvil.
Con qué está hecho
WordPress y WooCommerce con el tema Bikeway y WPBakery, pasarelas de Klarna y HeyLight, envíos por tabla de tarifas y según el carrito, facturas en PDF y Wordfence. Las partes nuevas son plugins must-use a medida en PHP para la portada, la cabecera, el pie, la cuadrícula de productos y la traducción del carrito. El catálogo tiene 28 productos publicados.
Por qué se hizo así
El tema no tiene tema hijo, así que cualquier cambio en sus archivos se perdería en la siguiente actualización. Por eso puse cada cambio en plugins must-use separados. Cada uno se puede desactivar borrando un solo archivo, y antes de cada cambio en la tienda en producción hice una copia de seguridad de la base de datos.
