I think it would be better to modify template file, but you can hide cursor like so:
.woocommerce-LoopProduct-link { cursor: none; }
FYI
https://docs.woocommerce.com/document/template-structure/
Of coure it is possible, you just need to change a little your html in a file that outputs this page.
Right now you have
<a href="smthing"><img src="smthing"><h3>Lot 0001</h3></a>
All you need is to change it to
<img src="smthing"><a href="smthing"><h3>Lot 0001</h3></a>
Thx,
@Ilnar_Kan, I have no experience to change this…
@ikaring Modifying the template is beyond my skills…however the css you gave me does not work…
Actually that css only hide cursor, but still they can be clicked.
To prevent clicks, you need to use javascript, if you leave template as is.
something like
jQuery(".woocommerce-LoopProduct-link").on('click',function(){return false;});
You could try this css code
.woocommerce-LoopProduct-link img{
cursor: default;
}
It should work, but only css doesn’t resolve the problem, you have to prevent redirecting when image is clicked, JS code will handle that.. and the code below in your main theme JS file
$( ".woocommerce-LoopProduct-link img" ).click(function(e) {
e.preventDefault();
return false;
});
Thx a lot.
Just one last question…my main theme JS file…which file should I edit?
jQuery.fullpage.js
jquery.infinitescroll.min.js
jquery.isotope.min.js
jquery.nicescroll.js
jquery.slimscroll.min.js
themify.header-slider.js
themify.mega-menu.js
themify.script.js
@ilnar_kan
Can you just let me know in what file I should insert the code?
Thx a lot,
Pierre
