Split: QuickView when click on product grid image and title

I used the snippet above:

jQuery(‘body’).on(‘click’, ‘.product-image-link, .product-element-bottom, .product-title’, function(e) {
e.preventDefault();
jQuery(this).parents(‘.product-grid-item’).find(‘.open-quick-view’).click();
});

But now, on mobile, even though I have the option selected for one click open on mobile, I still have to click the image or title twice before it opens Quickview.

How can I make it open with one click on mobile devices?

I want the full quickview to open on one click, but instead it opens the small window on the first click, and the full quickview on the second click. I want to bypass the small window.

Hello,

Could you please disable all plugins that are not related to our theme and provide us your admin access so we can check it?

Thank you in advance

All plugins have now been disabled except for Elementor and Woocommerce.

I got it to work. I hid the bottom action bar with CSS and now it’s working with one click.

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

.platform-iOS .woodmart-hover-base .fade-in-block {
	clip: rect(0 0 0 0) !important;
			visibility: visible;
			opacity: 1;
}
.platform-iOS .woodmart-hover-base.hover-ready:hover .fade-in-block,
.platform-iOS .woodmart-hover-base.hover-ready.state-hover .fade-in-block {
		clip: rect(auto auto auto auto) !important;
}

[Author]

Posts