correcion del tamano de boton en menu desplegables

Español Debates Preguntas y respuestas técnicas

Topic summary

Un usuario solicita ayuda para corregir el tamaño de los botones de incremento (+) y decremento (-) en el carrito de compras desplegable. El problema principal es que la cantidad de productos no se visualiza correctamente en dispositivos móviles.

Intentos realizados:

  • Modificación del código fuente
  • Ajustes en las opciones de personalización de la tienda
  • Ninguno ha dado resultados

Código afectado:
El archivo cart-template.liquid contiene los elementos de cantidad del producto.

Solución propuesta:
Otro usuario sugiere agregar estilos CSS inline al campo de entrada: style="display:block;width:100px;" para mejorar la visualización. También solicita la URL de la tienda para revisar el diseño completo.

Estado: La discusión permanece abierta, pendiente de más detalles o confirmación de si la solución propuesta resuelve el problema.

Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.
1

Buenas tardes,

Me podrian ayudar por favor. Necesito corrregir el tamano de los botones (+ y -) que se encuentran en la ventana que se despliega al dar click en el carrito de compras. He intentado por medio del codigo fuente y tambien en las opciones de personalizar tienda, sin obtener resultados. La cantidad de productos agregados al carrito no logra verse correctamete cuando se navega desde un dispositivo movil.

Adjunto imagen y fragmento del codigo de esta opcion.

Muchas gracias a todos por los comentarios.

archivo: cart-template.liquid

<div class="two columns product-quantity-box left">
<span class="ss-icon product-minus desktopQty js-change-quantity" data-func="minus"><span class="icon-minus"></span></span>
<input type="number" min="0" size="10" class="quantity" name="updates[]" id="updates_{{ item.id }}" value="{{ item.quantity }}" data-line-id="{{ forloop.index }}" {% if settings.limit_quantity and item.variant.inventory_management != blank and item.variant.inventory_quantity > 0 and item.variant.inventory_policy == "deny" %}max="{{ item.variant.inventory_quantity }}"{% endif %} />
<span class="ss-icon product-plus desktopQty js-change-quantity" data-func="plus"><span class="icon-plus"></span></span>
</div>

image.png
image.png537×546 43.3 KB

2

hola SamirA5,

Tienes que brindar la URL de tu tienda para revisar el diseño aunque quizas este codigo resuelva tu problema

<div class="two columns product-quantity-box left">
<span class="ss-icon product-minus desktopQty js-change-quantity" data-func="minus"><span class="icon-minus"></span></span>
<input style="display:block;width:100px;" type="number" min="0" size="10" class="quantity" name="updates[]" id="updates_{{ item.id }}" value="{{ item.quantity }}" data-line-id="{{ forloop.index }}" {% if settings.limit_quantity and item.variant.inventory_management != blank and item.variant.inventory_quantity > 0 and item.variant.inventory_policy == "deny" %}max="{{ item.variant.inventory_quantity }}"{% endif %} />
<span class="ss-icon product-plus desktopQty js-change-quantity" data-func="plus"><span class="icon-plus"></span></span>
</div>