Sobre este proyecto
it-programming / e-commerce
Abierto
Se requiere un experto para diagnosticar y solucionar un error crítico en la galería de imágenes de productos de un sitio WooCommerce. El problema principal se manifiesta en productos con dos o más imágenes: al hacer clic en la segunda miniatura, la imagen principal no carga correctamente y el contenedor .product-gallery-slider colapsa de 510px a 26px de altura, sin recuperarse. La primera imagen carga sin problemas al acceder al producto. Este comportamiento se ha verificado en todos los navegadores, en modo incógnito y sin extensiones, y ha persistido por más de 20 días.
El stack tecnológico incluye WordPress, el tema hijo Flatsome 3.20.6, WooCommerce 10.7.0 y un VPS Hostinger con CloudPanel y PHP 8.3.
El diagnóstico inicial en la consola del navegador ha confirmado lo siguiente:
- Flickity está correctamente inicializado (presencia de la clase flickity-enabled).
- El selectedIndex inicia correctamente en 0.
- Al disparar el evento change.flickity al índice 1, la altura del contenedor cae a 26px.
- Las imágenes están presentes en el DOM con naturalHeight: 510 y complete: true.
- Las opciones de Flickity configuradas son: adaptiveHeight: true, lazyLoad: 1, imagesLoaded: true.
- La posible causa raíz identificada es un cálculo incorrecto de la altura por parte de adaptiveHeight al cambiar de slide.
Adicionalmente, el proyecto incluye dos tareas complementarias:
1. Generar y ejecutar un script SQL para reemplazar enlaces específicos en las descripciones de productos o posts, según sea necesario.
2. Realizar una auditoría exhaustiva de los 28 snippets de código presentes en WPCode, con el objetivo de identificar y eliminar aquellos que sean redundantes, conflictivos o legados de chats anteriores, optimizando así el rendimiento y la estabilidad del sitio.
Categoría Programación y Tecnología
Subcategoría Tiendas Online (e-commerce)
¿Cuál es el alcance del proyecto? Cambio mediano
Plazo de Entrega: No definido
Habilidades necesarias