Please help us to make AbanteCart Ideal Open Source Ecommerce Solution for everyone.

Support AbanteCart eCommerce

Author Topic: Hide "View" band across images on category pages?  (Read 325 times)

Offline dharding

  • Newbie
  • *
  • Posts: 25
  • Karma: +7/-0
    • View Profile
Hide "View" band across images on category pages?
« 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.

Offline Basara

  • Administrator
  • Hero Member
  • *****
  • Posts: 3826
  • Karma: +185/-0
    • View Profile
Re: Hide "View" band across images on category pages?
« Reply #1 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
“Chuck Norris is so amazing.”
― Mother Teresa

Offline dharding

  • Newbie
  • *
  • Posts: 25
  • Karma: +7/-0
    • View Profile
Re: Hide "View" band across images on category pages?
« Reply #2 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.

Offline Basara

  • Administrator
  • Hero Member
  • *****
  • Posts: 3826
  • Karma: +185/-0
    • View Profile
Re: Hide "View" band across images on category pages?
« Reply #3 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
“Chuck Norris is so amazing.”
― Mother Teresa

Offline dharding

  • Newbie
  • *
  • Posts: 25
  • Karma: +7/-0
    • View Profile
Re: Hide "View" band across images on category pages?
« Reply #4 on: June 12, 2018, 05:54:22 PM »
Solved. Thank you.