Auto adjust quantity of products in shopping cart without hitting update button

[MoonTreasures]

I tried to look for a way to get rid of the ‘update-button’ (‘update winkelmandje’ on my website) on the shopping cart page so that a customer can auto-adjust the quantity (and total price) by just clicking the quantity they want to have. I tried to add a few lines of code to the function.php of my Gecko child them. I found these lines of code on this website: https://businessbloomer.com/woocommerce-automatically-update-cart-quantity-change/. But it doesn’t seem to work.

Do you have a solution for my problem?

[Harry]

Hi MoonTreasures,

I wish you and your family fully with success and happiness on New Year 2020!

To fix the issue, please add more code to gecko-child > style.css

.shop_table .quantity input.input-text[type="number"] {
	-moz-appearance: inherit;
	width: 100%;
	border-right: none;
}
form.woocommerce-cart-form .tc.pa {
	display: none;
	width: 0;
}
.shop_table .product-quantity .quantity {
	padding-right: 5px;
	width: 60px;
}

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[MoonTreasures]

Thank you Harry! All the best wishes for you and your family too!

 

I tried to add the code to the style.css in the Gecko child theme, but it gave a warning that needs to be fixed before I can save the adjustments. So it doesn’t seem to work. Can you help me to fix this for me?

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

Please copy code on this topic https://prnt.sc/qi703f not copy code via email it will change your code format.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[MoonTreasures]

Thanks, but it wasn’t exactly what I meant. I want to keep the button where you can the quantity by clicking down or up.

Also I see that the shopping cart pop up in the side of the screen doesn’t show the shipping costst and the total price anymore (even after I removed the piece of code). How can I fix this?

[Harry]

Hi,

1. Please install this plugin https://wordpress.org/plugins/ajax-cart-autoupdate-for-woocommerce/

2. In checkout page the customer put his/her address to generate shipping fee and total price. The popup only show notice for customer see number of product in cart.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts