Este problema conocido ha sido traducido automáticamente del inglés.

El valor de la anchura del selector SKU se rompe cuando displayMode="slider" se utiliza para productos no disponibles y sliderItemsPerPage se configura utilizando valores min-width.

Simulación

Instale la aplicación vtex.responsive-values en el área de trabajo o configure un bloque responsive-values en su tema para proporcionar valores basados en puntos de corte de anchura mínima.

Configure la propiedad sliderItemsPerPage del selector SKU utilizando el patrón responsive-values:

Esta configuración utiliza puntos de rotura min-width y se basa en la app responsive-values, que no es compatible oficialmente con el Selector SKU.

Despliegue esta configuración en una página de detalles del producto (PDP) que no tenga SKU disponibles (es decir, todas las SKU están agotadas).

Acceda al PDP en el área de trabajo y confirme que el selector SKU se muestra en displayMode="slider".

5. 5. Observe el resultado: el carrusel de SKU se romperá - los elementos tendrán anchos incorrectos, a menudo desbordándose o no renderizándose como se esperaba.

Sustituya la configuración de sliderItemsPerPage utilizando las teclas min-width por el formato esperado utilizando las teclas estándar desktop, tablet y mobile.