{"section":"known-issues","requestedLocale":"es","requestedSlug":"problema-de-diseno-de-carrusel-utilizando-responsivevalues-en-sku-selector","locale":"es","slug":"problema-de-diseno-de-carrusel-utilizando-responsivevalues-en-sku-selector","path":"docs/es/known-issues/Store Framework/problema-de-diseno-de-carrusel-utilizando-responsivevalues-en-sku-selector.md","branch":"main","content":">ℹ️ Este problema conocido ha sido traducido automáticamente del inglés.\n\n## Sumario\n\n\nEl 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`.\n\n\n#### Simulación\n\n\n\n\n1.\n\nInstale 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.\n\n\n\n2.\n\nConfigure la propiedad sliderItemsPerPage del selector SKU utilizando el patrón responsive-values:\n\nEsta 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.\n\n\n\n3.\n\nDespliegue 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).\n\n\n\n4.\n\nAcceda al PDP en el área de trabajo y confirme que el selector SKU se muestra en displayMode=\"slider\".\n\n\n\n5. 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.\n\n## Workaround\n\n\nSustituya la configuración de `sliderItemsPerPage` utilizando las teclas `min-width` por el formato esperado utilizando las teclas estándar `desktop`, `tablet` y `mobile`."}