- This topic has 10 replies, 4 voices, and was last updated 3 years, 5 months ago by
.
-
Posts
-
Hi,
I’m in the process of adding an online shop to my website using Woocommerce, Elementor and GeneratePress. I currently want to customize the cart page (with Elementor), however, when I change the cart page in Elementor and save it, certain Elements are added after pressing “Save”.The Elementor support suggested to switch the Theme and turn off all plugins. The problem persisted after switching the GP Theme, but disappeared after turning off GP Premium. I tried to find a solution by myself, but couldn’t solve it.
I have the following issues on the cart page, when GP Premium is activated:
1. Plus & Minus buttons (for adjusting quanitity of the product) are added after saving and breaks the design.
How I want it to look
How it looks after saving2. The auto update function (for the cart total) does not work, when adding/removing items or increasing/decreasing quantity.
Thanks
Customer Support
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 pageI checked a few options, but didn’t find the solution. When I deactivate GP Premium, Elementors checkout page looks normal as well.
Customer Support
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.
Customer Support
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 🙂
- You must be logged in to reply to this topic.
