Beta: Product Quantity?

Beta
#1

I’m sorry if I have missed this somewhere on the forum. I haven’t found a way to add the product quantity to the WooCommerce single layout, or anywhere else.

I believe that this element should not only exist, but also be a bit advanced, offering various design options to easily increment the product quantity. Something like a big + and - next to the quantity number. It should also be able to offer manual quantity inputs like what the default element has.

This is because the tiny up and down arrows from the default WooCommerce Quantity element are pretty bad.

Thanks!

#2

+1 to this.

Somewhat related, but we also need some way of supporting the built-in variable products too. (Unless that’s there and I just haven’t found it yet?)

1 Like
#3

Try the “Add to Cart Form” element. Regretfully it’s not as flexible because we’re just dropping in the WC template and letting the stack styling apply to it, but you will get the whole form.

We don’t have a straightforward way to decouple that right now. The biggest issue is that we don’t have any kind of customizable form styling yet in Pro. We want to add this in the Theme Options reboot first so we don’t get into a situation where we have elements that use a nonstandard approach to forms because we had to change it later. Really, anything that uses forms is going to have to wait until we add base level form styling options to the theme which will be the Pro 5.0 cycle.

2 Likes
#4

Thanks!

Sorry, I didn’t see the “Add to Cart Form” element before. Regretfully, it seems that this element doesn’t support the Add to cart animation. It scrolls to the top of the page upon adding the product. Since most products need quantity, we will be forced to use this instead of the “Add to cart” button. That’s a shame. :confused:

I have tried to come up with some simple field to input the quantity, and then feed that into the add to cart url, but it was too complex for me.

Something like: /?add-to-cart={{dc:woocommerce:product_id}}&quantity={{dynamic-quantity-from-the-field}}

#5

Right, it’s a tradeoff. Regretfully the Add to Cart Form element doesn’t support the AJAX add to cart functionality :frowning: We really do want to come back to it when we have more form styling options but have to draw the line here for now.