[Support request] Quantity Woocommerce

[Alin]

Hello, i need some help whitt the quantity code.

So, woocommerce doesn’t have the option to display quantity button under each product on the shop page. So i search the internet and i found a code. I want to display the quantity buttons under the price, but every css i have tried dind’t do the job.
The worse part is that when i tried to modify the css, it breaks the settings of the “add to cart button” on the single product page.
Is there any other way to add the quantity buttons on the shop page ?
PLEASE HELP
This is my shop page: https://somelierultau.ro/magazin/

[David]

Hi there,

your shop and product pages are constructed with Elementor – as there templates are overriding the default Woo templates you would be best to ask their support on how to do that.

[Alin]

I understand.
But how about this page: https://somelierultau.ro/test/
I can’t seem to align them in column whit every element on the same row and hight.
Is not build whit elementor, just the footer.

[David]

Can you disable your cache plugin so i can see whats happening

[Alin]

I have disable it.

[Tom]

You could try adding this, might help:

.woocommerce ul.products {
    display: flex;
    flex-wrap: wrap;
}

[Alin]

Aligns everyrhing else bunt not the quantity button.

[Leo]

You have this CSS added somewhere that’s causing the issue:

.woocommerce div.product.elementor .quantity .qty {
    margin-top: -50px;
}

[Alin]

Nope….i’ve removed that code and nothing changes.

[Leo]

That’s absolutely the problem.

I just checked the code is still here:
https://www.screencast.com/t/owz9WuV0k2

This is the result when removed:
https://www.screencast.com/t/RozUWEaJPiT

[Alin]

It affects the mai store build whit Elementor. But if you remove that code, then on the single product page, the quantity button breaks.
I want to display it in column, above the add to cart button just like on this page: https://somelierultau.ro/test/
but is slightly on the left and i can’t seem to make it right. I will not use elementor on the shop page if I can get this setting right.

[Leo]

Can you please make sure LiteSpeed is always disabled when we are trying to help?

[Alin]

Now i have literally deactivated the LiteSpeed plug-in.

[Leo]

So the problem on this page:
https://somelierultau.ro/test/

Is that the quantity field is not centered?

If so try this CSS:

.quantity.buttons-added {
    justify-content: center;
}

[Author]

Posts