WooCommerce Quantity Pickers Glitch

Hi Garrett,

Could you try updating the theme to the latest version (5.2.1) to see if that helps please? https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update.

Best regards,
Rikard

Hi,

Thank you for the update.

Did you remove the shipping boxes from the Cart Totals section? We tried to check the issue but the checkboxes are missing from the cart totals and has been replaced with the calculate shipping widget. Is there a staging or development version of the site?

Best regards,
Ismael

Hi,

Thank you for the info.

We can now reproduce the issue, but we are not yet sure what is causing it. We found no errors in the browser console. Is it working properly when you disable the ShiftNav plugin?

Best regards,
Ismael

Hi,

Sorry for the delay. We are still not sure what is causing the issue, but it seems to only happen after the toggle_shipping function in the plugins\woocommerce\assets\js\frontend\cart.js file ran, which affects the quantity fields for some reason. Adding this script in the functions.php file might help to reactivate the quantity buttons after the shipping state changed.

function av_custom_inline_script() {
	wp_add_inline_script( 'jquery', 
		"
		(function($) {
			$( document.body ).on( 'country_to_state_changed', function() { 
				avia_apply_quant_btn();
			} );
		})(jQuery);
		"
	);
     }
add_action( 'wp_enqueue_scripts', 'av_custom_inline_script' );

Best regards,
Ismael

Hi,

Thank you for the confirmation.

We may need to access the site in order to test the script further. Please provide the login details in the private field.

To disable the custom quantity buttons, please edit the enfold\config-woocommerce\woocommerce-mod.js file and remove this code around line 94.

avia_apply_quant_btn();

Make sure that file compression is disabled or toggled. You can then adjust the style of the input field using this css code.

#top div .quantity input.qty {
    height: 43px;
    width: 103px;
    display: inline;
    padding: 0px 5px 0px;
    line-height: 41px;
    vertical-align: middle;
    margin: 0;
    text-align: center;
}

Best regards,
Ismael

Hi thinkjarvis,

We have reported the issue to our devs. We will post here once we have a solution :)

Best regards,
Yigit

Hi,

For your information, our devs have fixed the issue and it will be included in upcoming version :)

Edit: If you would like to apply the fix on your installation before the update, please go to /enfold/config-woocommerce/ folder in Appearance > Editor or via FTP and update woocommerce-mod.min.js and woocommerce-mod.js files with these ones – https://github.com/KriesiMedia/enfold-library/tree/master/temp_fixes/Enfold_5_2_1/config-woocommerce

Best regards,
Yigit

• This reply was modified 2 years ago by Yigit.