Principal/WordPress Fullstack/Blueprints/WooCommerce/Selector de variaciones personalizado (Swatches) y omisión del umbral AJAX para más de 50 variaciones
Volver a tarjetas «WooCommerce»WooCommerce(ТЗ 39 из 54)
Especificación: Selector de variaciones personalizado (Swatches) y omisión del umbral AJAX para más de 50 variacionesТрудозатраты~10 рабочих часов
Фриланс вилка~$450 – $750 (€400 – €700)
Оценка веб-студии~$950 – $1,600 (€900 – €1500)
ТЗ заказчика (исходный бриф):
En nuestra tienda de moda tenemos productos con más de 60 variaciones (colores, tallas, tejidos). Los desplegables habituales son incómodos y WooCommerce deja de precargar datos a partir de 30 variaciones, generando retrasos molestos al seleccionar.
Ключевые требования:
- •Botones visuales (círculos de color, imágenes de muestra, botones de talla) en lugar de desplegables
- •Campos de metadatos en taxonomías de atributos para códigos HEX y fotos
- •Ajuste del filtro woocommerce_ajax_variation_threshold para permitir precarga fluida en el cliente
- •Indicación gráfica clara de combinaciones agotadas o no disponibles
- •Accesibilidad por teclado conforme al estándar WCAG 2.1 AA (roles ARIA de radiogroup)
Ограничения проекта:
- •Sin plugins pesados de terceros que añadan CSS o JS sobrecargado
- •Conservar los eventos nativos de variación de WooCommerce (found_variation, reset_data)
- •Carga optimizada de JSON para no sobrecargar el renderizado inicial
Критерии приёмки (KPI):
- Cambio de variación inmediato en < 50ms sin retrasos perceptibles
- Aumento de la conversión de productos variables en al menos un 15%
- Puntuación perfecta de accesibilidad en Lighthouse para la ficha de producto
Пошаговое практическое руководство по ТЗ
Подробный разбор архитектуры, код реализации и советы эксперта по каждому этапу: