How to make full image linked

Hi guys.

Im using “full info on hover” deaign for my product grid.

The thing is that its really difficult to click on it just by clicking exactly on the name of the product.

I consider way more better for ux to link all the image instead.

Could you help me?

It does not let me upload a simple screnshot.

So heres the link: https://www.dropbox.com/s/0plcc165xin9zhw/InkedCaptura%20de%20pantalla%202019-05-27%2021.02.03_LI.jpg?dl=0

Hi,

There are also other buttons on the area and that is why it is not possible to allow the user to click on the full product. Other buttons will not work in this situation.

Kind Regards

Hi thanks.

We dont need those buttons. Actually Ive disabled both quick view and deactivated whislist plugin.

We need to set those images linked. So its the common way to interact with an image (as any of the other product designs of yours).

Give us a hand

You have add to cart button and if you will make click on the whole link, this button will not work https://gyazo.com/36fc1da40bc8c26847a6c7ab4c83c05b
It is not possible, unfortunately.

Hi guys.

As I told you. I would rather not to use the addto cart button.

Ihve bought several licenses, and working with the theme for a couple years. Its really frustrating that you play dumb with me when I asked exactly what I needed (can you tell me its crazy what im asking and its not better for ux?).

Better change your attiutude my friend, adn start helping me out. ASAP

Try to add the following code snippet to the Custom JS area in Theme Settings

jQuery('body').on('click', '.top-information', function(e) {
	e.preventDefault();
	window.location.href = jQuery(this).parent().find('.product-image-link').attr('href');
})

That worked just fine.

I added this to the css in order to complete it.

.woodmart-hover-info-alt .top-information {
cursor: pointer;
}

Thanks

Great, you are welcome.

[Author]

Posts