AbanteCart Community

AbanteCart Development => Customization help => Topic started by: dharding on June 10, 2018, 07:45:54 PM

Title: Hide "View" band across images on category pages?
Post by: dharding on June 10, 2018, 07:45:54 PM

Is there an easy way to disable/hide the white "View" band with an i icon that shows up any time you hover over an image on a category page or home page? It's distracting and completely unneccessary, since clicking on the thumbnail image opens the listing page anyway.

Thank you.

Title: Re: Hide "View" band across images on category pages?
Post by: Basara on June 11, 2018, 03:19:13 AM

You have to delete its code from .tpl file or hide with css rules https://www.w3schools.com/css/tryit.asp?filename=trycss_display_none

Title: Re: Hide "View" band across images on category pages?
Post by: dharding on June 11, 2018, 12:52:37 PM

I would prefer to hide with CSS rather than editing the .tpl file, but I cannot figure out which div or span to hide, since it only appears on hover and I can't use the browser element viewer to see which element it is.

Thanks.

Title: Re: Hide "View" band across images on category pages?
Post by: Basara on June 12, 2018, 01:19:14 AM

Yes you can. Select the product block or thumbnail element and hint "hover" in the browser console. Browser will simulate a hover  action

Title: Re: Hide "View" band across images on category pages?
Post by: dharding on June 12, 2018, 05:54:22 PM

Solved. Thank you.