En un artículo anterior habíamos visto cómo agregar botones a la caja de cantidad, sin embargo en algunos casos es posible que quieras tener cantidades fijas, en este artículo veremos cómo realizar esto a través de una lista desplegable.
Resultado Final
Lo que al final queremos obtener es algo similar a lo que se muestra en la siguiente imagen:
Código de overrides de template
Si bien es cierto los Hooks te permiten realizar muchas modificaciones, en algunos casos como este no hay hooks que te permitan cambiar la caja de cantidad por una lista, por lo que usaremos el overrides del tema de WooCommerce para hacer las modificaciones.
Sobrescriberemos el siguiente archivo:
/wp-content/plugins/woocommerce/templates/global/quantity-input.php
El cual será copiado en esta ruta
yourtheme/woocommerce/global/quantity-input.php.
Y haremos las modificaciones en la caja de texto. El siguiente código tiene la modificación completa del archivo:
En el código anterior:
- Las modificaciones fueron realizadas a partir de la línea 24, todo dentro del contenedor quantity
- Si no existe un valor máximo para la cantidad establecemos el valor máximo a 10
- Luego formamos las opciones de la lista usando un bucle for
- Si la cantidad esta establecida lo seleccionamos, esto para mostrar una cantidad en la pantalla de carrito por ejemplo
- Al final agrupamos todas las opciones en la variable $select y la imprimimos en pantalla
Conclusión
Como has podido comprobar, puedes hacer modificaciones al control de cantidad de WooCommerce y hacer que se adapte a tus necesidades, en este caso hemos visto cómo realizar modificaciones a través de la sobrescritura de los archivos del tema.
¿Aún con dudas?, en el siguiente video se detallan los puntos anteriores:
Artículos Relacionados
(2 votos, promedio: 5,00 de 5)
Cargando...