Buttons not showing and not working

I have a problem with the ADD TO CART and CHECKOUT buttons on my site https://tucci-italy.com some where not showing and now that I change the code they are shown but not clickable, there is something pointer events : none but I am not able to find it anywhere in the code.

Thank you for your help.

Hi there!

The following code placed at the bottom of your main stylesheet should solve the problem:

body:not(.spo-loaded) form[action="/cart/add"] .ProductForm__AddToCart[type=submit] {
	pointer-events: auto;
}

I tried it, but didn’t work

Ah, the stylesheet that is applying that style is loading from an App. In that case, try the following:

body:not(.spo-loaded).template-product #main form[action="/cart/add"] [type=submit] {
	pointer-events: auto;
}

and if that still doesn’t work for some reason, try:

body:not(.spo-loaded).template-product form[action="/cart/add"] [type=submit] {
	pointer-events: auto !important;
}
1 Like

Thank you, working the add to cart so far, can you help me out with the checkout button? Also I notice that the buy now isn’t working.

Is there any way to make it universal for all the buttons?

The checkout button on the cart page seems to be working for me - are you referring to a checkout button located elsewhere on the site?

I also don’t see any buy now buttons, can you send me a link to a product that has a non-functional buy-now button?

It may be possible to implement a universal solution (the problem seems to be universal so a universal solution is potentially possible).