Hi Woodmart Support Team,
I am experiencing a significant style conflict on my WooCommerce checkout page between the Woodmart theme and the “Flux Checkout for WooCommerce” plugin.
The Problem:
On the checkout page, in the “Cart” or “Order Review” section, the theme is causing two main issues:
Duplicate Quantity Buttons: The Woodmart theme is adding its own plus/minus buttons (<button class=”quantity__button”>) next to the standard WooCommerce ones, creating a cluttered and broken interface.
Incorrect Product Layout: The product image is overlapping the product title, instead of being positioned correctly beside it.
My checkout page is here: https://sequoiavalleyfarms.com.au/checkout/
What I Want It To Look Like:
The layout on my “Thank You” page is perfect and shows exactly how the checkout page should look. The image is to the left of the title, and the quantity buttons are neatly underneath the title. You can see an example here: https://sequoiavalleyfarms.com.au/checkout/order-received/22172/?key=wc_order_GDB0T3wJf3auW
Troubleshooting Steps Already Taken:
We have already attempted to resolve this issue through extensive troubleshooting, but have been unsuccessful. This suggests the theme might be using JavaScript to control these elements, which is overriding our fixes. We have tried:
Extensive Custom CSS: Using highly specific selectors with ‘! important’ to hide the duplicate buttons and correct the flexbox layout.
PHP Snippets: Using wp_dequeue_style and wp_deregister_style to try and remove the wd-woo-mod-quantity.min.css stylesheet on the checkout page. This did not work, and the stylesheet was still loaded.
Could you please provide the correct way to resolve this conflict so that the checkout page layout matches the “Thank You” page?
Thank you for your help.
Attachments:
You must be
logged in to view attached files.
.
