Deprecated: Function ereg_replace() is deprecated in /home/magentec/public_html/administrator/components/com_virtuemart/global.php on line 137
Shopping cart (0)

Magento 2

We are here to serve :)

Our support team is currently online to solve your issues.

Our support team is currently offline

Our support heroes might not be around this hour. Please expect some delays.

Our support is available from

Monday - Friday 8am - 5:30pm GMT+7

Your time: 00:00:00
Our time: 00:00:00
Welcome, Guest

Overlap quick view icon on product name!!
(1 viewing) (1) Guest
  • Page:
  • 1

TOPIC: Overlap quick view icon on product name!!

Overlap quick view icon on product name!! 2 months, 4 weeks ago #10503

  • Mohit
  • OFFLINE
  • Fresh Boarder
  • Posts: 5
  • Karma: 0
Overlap quick view icon on product name!! How can resolve this problem please help me ASAP
Attachments:

Re: Overlap quick view icon on product name!! 2 months, 4 weeks ago #10535

  • MT Thuy
  • OFFLINE
    • Expired - MTC-Developer License
  • Administrator
  • Posts: 197
  • Karma: 4
Dear Mohit,

Please try go to the file /skin/frontend/sm-atom/default/css/theme-default.css and find the code:
.sm_quickview_handler {
display: inline-block;
width: 42px;
height: 42px;
overflow: hidden;
text-indent: -9999px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
background-color: #fff;
position: absolute;
left: 50%;
margin-left: -21px;
top: 50%;
margin-top: -21px;
text-align: center;
z-index: 5;
}
=> Edit to:

.sm_quickview_handler {
display: inline-block;
width: 42px;
height: 42px;
overflow: hidden;
text-indent: -9999px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
background-color: #fff;
position: absolute;
left: 50%;
margin-left: -21px;
top: 25%;
margin-top: -21px;
text-align: center;
z-index: 5;
}

Thanks

Re: Overlap quick view icon on product name!! 2 months, 4 weeks ago #10570

  • Mohit
  • OFFLINE
  • Fresh Boarder
  • Posts: 5
  • Karma: 0
Overlapping problem solve, but we need your demo site quick view ( demo.magentech.com/themes/sm_atom/?___store=belgium&___from_store=default/ ) check it.

quick view icon showing when moving mouse courser on image.

Re: Overlap quick view icon on product name!! 2 months, 3 weeks ago #10660

  • MT Tu
  • OFFLINE
  • Administrator
  • Posts: 605
  • Karma: 5
Dear Mohit,

The cause seems to be the structure HTML changed a little bit.
Did you modify anything ?

To solve this, you may go to the file:
/skin/frontend/sm-atom/default/css/theme-default.css
Find out these codes in this screenshot:
prntscr.com/ddwomb
Then change:
.products-grid .item .item-inner .box-image .sm_quickview_handler
to:
.products-grid .item .sm_quickview_handler

And:
.products-grid .item .item-inner .box-image:hover .sm_quickview_handler
to
.products-grid .item:hover .sm_quickview_handler

Best regards!

Re: Overlap quick view icon on product name!! 2 months, 3 weeks ago #11022

  • Mohit
  • OFFLINE
  • Fresh Boarder
  • Posts: 5
  • Karma: 0
i have change but its not working...

Re: Overlap quick view icon on product name!! 2 months, 3 weeks ago #11090

  • MT Tu
  • OFFLINE
  • Administrator
  • Posts: 605
  • Karma: 5
Dear Mohit,

Thanks for your response!
I checked but not see the updated css codes.
Please try to clear cache then check again.

Best regards!
  • Page:
  • 1
Time to create page: 0.15 seconds
Google+