Product Button Don’t works

Hello,

I’ve checked the website. I see that your WooCommerce and WordPress are up to date, though this plugin is normally compatible even with 3 years older versions. The biggest problem is that buttons are completely missing in HTML of the product page.

On the cart page, there are increment buttons on the right side of the input field. Although they are hidden and won’t change how things are displayed on the screen, it’s a sign that maybe some other increment buttons plugin is active. Any plugin doing almost the same thing and being active simultaneously can lead to a conflict.

If not, please check whether a template isn’t replaced for the product page in your child theme’s folder: /woocommerce/single-product/add-to-cart/simple.php, if it exists, it may be the cause of this issue.

Buttons and the input field are poorly displayed on the cart page and the same can be said about the input field and Add to cart button on the product page. There are some style settings on your website that break the intended layout, it includes margin, padding, width and border of some elements. The next update for this plugin will take care of it. Unfortunately, there are buttons merged and unmerged, product and cart page, desktop and mobile view, WooCommerce 3.0+ and older, many different themes. Current settings worked on everything I tested before, so I can’t simply change to something that works for you until I am sure that it works for all other test environments.

For now, you can download a .php file that can be used to replace the .php file on your FTP server. It contains 100% safe changes. Feel free to use https://text-compare.com/ to see what exactly changed (works on Firefox though, Chrome throws errors on this site):

https://we.tl/t-fn0dh49c3s

As an addition to .php file replacement, the changes that are specific to this website can be put into .css file of the child theme. This code won’t be needed after the update, but I don’t know when I will be able to release it:

.woocommerce table.cart td.product-quantity .qib-button {
    float: none;
}
.woocommerce table.cart .product-quantity .quantity {
    float: none;
    display: inline-block;
}

After these changes, please remember to empty cache. Cart page buttons should now display properly formatted and in one line, both for desktop and mobile. It won’t restore product page buttons but will fix formatting for now.

• This reply was modified 6 years, 10 months ago by taisho.
• This reply was modified 6 years, 10 months ago by taisho.
• This reply was modified 6 years, 10 months ago by taisho.
• This reply was modified 6 years, 10 months ago by taisho.

As this topic is inactive for a while, I’m going to close it and mark as resolved. The newest version 2.1 brings a lot of additions and some fundamental architecture changes for the plugin, what may fix issues encountered in previous releases. Feel free to open a new topic if there are still some problems with 2.1 installed.