-
Posts
-
Hello!
There is trouble with showing enlarged product image – I’m using cloud-zoom plugin for woocommerce – and it’s not working properly – enlarged image of product (when hovering) looks like “under” other layers, example – http://kino-casting.ru/product/lot-j000141-giatsint
http://kino-casting.ru/
kino-casting
ykxdWv8wHey artspbseo!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#cloud-zoom-big.cloud-zoom-big { left: 0; top: 0; }Cheers!
YigitHi!
Please try adding following code
.single-product .responsive .container .four.units { overflow: visible; } div.eight .units .single-product-summary { z-index: 1; }Cheers!
Yigitwell, I’ve managed to place zoom area, like I wanted, thx.
But here is another bug – when I click on thumbnail, an image appears in top-left corner:
https://docs.google.com/file/d/0B-uhUXxghpuTNHpPTFNCbE1hSjg/edit?usp=drivesdkHey!
Please add this on your custom.css or Quick CSS:
.cloud-zoom-big { top: 0 !important; left: 300px !important; }Regards,
IsmaelHello, Ismael!
I’ve tried this code, but it will lead to problem, from which I’ve started this topic.
Can I just disable image hover effect (with green circle on hover) only for product pages?Hi!
I’m sorry but I don’t see the green circle hover? Can you please post a screenshot?
Cheers!
IsmaelYes, here’s the screenshot
https://docs.google.com/file/d/0B-uhUXxghpuTNHpPTFNCbE1hSjg/edit?usp=drivesdkAny help with effect?
Also, my client said that enlarged element must be shown over the description, on the right side…yes – for example: http://kino-casting.ru/product/lot-l000135-lampa-nastolnaya
to see the bug, firstly click on right thumbnail, close lightbox, and then click on thumbnail in center.
Here is the screen of what I see after doing so in Chrome:
https://docs.google.com/file/d/0B-uhUXxghpuTTEp5YUtOQ2ZWMXc/edit?usp=drivesdkHey!
I just checked on Chrome on Win7 and it seems to be working fine on my end http://www.screenr.com/XOYH
Regards,
Yigit
- The topic ‘product image’ is closed to new replies.