Talla
Guía de tallas
HTML + CSSFiltros
Selector de talla
Tallas en círculos que se rellenan con rebote; una talla agotada sale tachada y no se puede elegir.
Ajustes
16px
1x
Código
<div class="uv-fsz"><div class="tt">Talla</div><div class="rw"><button class="">XS</button><button class="">S</button><button class="on">M</button><button class="">L</button><button class=" off" disabled>XL</button></div><div class="gs">Guía de tallas</div></div>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Filtros
Dónde usarlo
Toda tienda de ropa o zapatillas necesita uno en la ficha de producto. La talla elegida se llena de color con un pequeño rebote, y la agotada sigue a la vista pero tachada, que es más honesto que esconderla. Debajo hay un enlace a la guía de tallas para quien duda. Un selector de tallas sin complicaciones.
Los círculos van bien con tallas de letra, de la XS a la XL. Las de calzado con medios números, como 42,5, piden píldoras más anchas. Ten la guía de tallas cerca, porque reduce devoluciones sin hacer ruido.