Change Icons Functions on Mobile

I want some configuration on mobile version of the website

What I want is users to specify quantity of products so There is some options:

1.- Enable quick view when user click on image or title, It works on home but it doesnt work when I load more products, I mean for items loaded first it works but for loaded items it doesn’t
I used the following code

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

2.- Modify the Icons on mobile version to show text+icons and not only icons, hide de add to cart button and show only wuick view.

Attachments:

You must be logged in to view attached files.

Hello,

1) Try to replace the code with the following one:

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

2) I saw the screenshot you attached. The text+icon is only for the add to cart button and the other icons have no text with them.

If you want to remove the add to cart button from mobile then try adding the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

.product-grid-item .woodmart-add-btn {
display: none;
}

Best Regards.

[Author]

Posts