Cart icon not working correctly on android

Hi,

Thank you for the update.

Please edit the config-woocommerce > woocommerce-mod.js file, look for the “cart_dropdown_improvement” function around line 316. Replace it with this code.

$.avia_utilities = $.avia_utilities || {};
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) && 'ontouchstart' in document.documentElement)
{
	$.avia_utilities.isMobile =  true;
}
else
{
	$.avia_utilities.isMobile =  false;
}

//small function that improves shoping cart hover behaviour in the menu
function cart_dropdown_improvement()
{
	var dropdown = jQuery('.cart_dropdown'), subelement = dropdown.find('.dropdown_widget'), isMobile = $.avia_utilities.isMobile;

	subelement.css({display:'none', opacity:0});

	dropdown.click( function(event) {
		if(isMobile && subelement.css('opacity') != 1) {
			event.preventDefault();	
		} else {
			window.location.href = $(this).find('.cart_dropdown_link').attr('href');
		}
	});

	dropdown.hover(
		function(event){  subelement.css({display:'block'}).stop().animate({opacity:1}); },
		function(event){  subelement.stop().animate({opacity:0}, function(){ subelement.css({display:'none'}); }); }
	);
}

Don’t forget to remove the browser cache before checking the page. Disable the cache and minification plugins temporarily if there’s any.

Best regards,
Ismael

Hi,

Are you sure that you edited the correct lines of codes? The modification above should not affect the cart counter. Please provide the login details in the private field so that we can test it.

Best regards,
Ismael

Hi,

Thank you for the update. It is also asking for the htaccess authentication. Please include it in the private field.

Best regards,
Ismael

Hi,

Thank you for the info. I was expecting that the site is already running on WP 4.9.4 and we’ll be able to edit the files via the Appearance > Editor panel but it’s not. Please upgrade WordPress to the latest version |OR| post the FTP details in the private field so that we can edit the js files.

Best regards,
Ismael

Hi,

Thank you for the update. We edited the script and it seems to be working properly on a browser device emulation. Please resave the theme options, remove browser cache then do a hard refresh before checking the page.

Best regards,
Ismael

Hi,

You can find the modification in the config-woocommerce > wooocommerce-mod.js file.

$.avia_utilities = $.avia_utilities || {};
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) && 'ontouchstart' in document.documentElement)
{
	$.avia_utilities.isMobile =  true;
}
else
{
	$.avia_utilities.isMobile =  false;
}

//small function that improves shoping cart hover behaviour in the menu
function cart_dropdown_improvement()
{
	var dropdown = jQuery('.cart_dropdown'), subelement = dropdown.find('.dropdown_widget'), isMobile = $.avia_utilities.isMobile;

	subelement.css({display:'none', opacity:0});

	dropdown.on( 'click', function(event) {
		if(isMobile && subelement.is(':animated')) {
			event.preventDefault();	
		} else {
			window.location.href = $(this).find('.cart_dropdown_link').attr('href');
		}
	});

	dropdown.hover(
		function(event){  subelement.css({display:'block'}).stop().animate({opacity:1}); },
		function(event){  subelement.stop().animate({opacity:0}, function(){ subelement.css({display:'none'}); }); }
	);
}

Best regards,
Ismael

Hi,

We don’t encounter a lot of reports about this particular issue so it’s probably unique in your installation. Please feel free to request for the feature on Enfold feature request form or vote for it if its already requested.

Best regards,
Ismael

Hi,

The header is not supposed to shrink on mobile devices and the cart icon should stay at the top of the page because the header is not fixed or sticky. Please create a new thread if you have another inquiry.

Best regards,
Ismael