Site logo

Archived topic

Can't click Add to card (cross-selling product) on checkout page

7 replies · Started by perlfan on June 15, 2020

Viewing posts 1–8 of 8

Hi,
I've defined one cross-selling product that shall appear to customers on the checkout page (I've attached the link to that product). The cross-selling product appears correctly during checkout, however I cannot click Add to cart. On the shop page "Add to cart" works for that product though.
Thanks for help. Frank

Hi there,

i am not seeing the Cross Sell for the product you have linked us to ?

Hi David - I wasn't clear enough with my request. Now I updated the link which now shows a product with the only cross sell product in the bottom. On the product page, you can add the cross sell product, but not in checkout... this is my problem. Frank

The Woocommerce Upload Files plugin is adding this CSS:

/* Drag & Drop won't work otherwise */
.cart-collaterals {
	pointer-events: none;
}
.woocommerce-cart .cart-collaterals .cart_totals table, .wc-proceed-to-checkout, .woocommerce .cart_totals, .checkout_coupon, .cart-update-buttons, 
.checkout-button, .cart-collaterals button, .cart-collaterals input, .cart_totals input, #shipping_method input
{
	pointer-events: all;
}
/* */

Which disables the pointer events on all Pages then re-enables them on the Cart and Checkout.... However your cart page is not the default Woo cart page so it remains disabled.

You can use this CSS to target your custom cart page and fix the issue:

.page-id-3352 .cart-collaterals {
    pointer-events: all;
}

I would have never found this out on my own, thank you so much!

You're welcome

This archived topic is closed to new replies.