Woocommcerce/Elementor & GP Premium issue

Hi Dominic,

1. Can you try disabling "Display Quantity buttons" in Appearance > Customize > Layout > WooCommerce > Single Product?

If that doesn't work, try adding this CSS:

.woocommerce table.shop_table td .quantity {
    display: flex;
}

2. Can you share the link to the site in question, and we'll try to observe what's occurring? You may use the Private Information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

Hi Fernando,
thank you for the answer.

Yes, it worked. The quantity buttons are gone. (I thought these fields are only for the Single Product Page, thats why I didn't experiment with these.

Also:
The auto update function also works fine now. For some reason it didn't work, when I used the quantity buttons, but worked, when I used the arrow up/down buttons by Woocommerce.

Thanks

Hi,
I have another issue I can't fix and it also has to do with GP Premium.

I want to create the checkout page with Elementor. The standard Woocommcere checkout page looks fine (even when GP Premium is activated), but when I insert the Elementor checkout widget, the checkout page looks like this:

Elementor checkout page bug
Normal Woocommerce checkout page

I checked a few options, but didn't find the solution. When I deactivate GP Premium, Elementors checkout page looks normal as well.

Hi there,

you will probably need to speak to Elementor. But if you can share a link to your site, where i can see that issue then i can take a look.

Here is the shop link.

Simply add a product to your cart, go to the cart page and then to the checkout page.

I will try with the Elementor support, if you can't help me, but I thought since the conflict is caused by GP Premium, maybe its a just an option/checkbox I need to disable/enable.

Try this CSS:

.woocommerce-checkout.elementor-page #order_review, .woocommerce-checkout.elementor-page .col2-set {
    width: 100%;
    float: none;
    margin-right: 0;
}

Hi Ying,
thank you for the code.

Yes it works and the checkout page is displayed correctly now.

One last question:
Do I paste the CSS code into Elementors CSS field or in the GP CSS field or does it even make a difference?

Works in both CSS fields, but I'm not sure if it makes a difference or if one is better or not.

Thanks

Do I paste the CSS code into Elementors CSS field or in the GP CSS field or does it even make a difference?

It doesn't really make a difference, but the additional CSS field in customizer loads the last, which means the CSS added there usually will unlikely be overridden.

Thanks

No problem :)