Close

Not getting variant images of product in Carousel

JayPatel92
7 years ago
#13748 Quote
Avatar
  • 8
Hello !!

When I enable Cloud Zoom, I am not able to get the variant images of the product.
Getting only one image instead of 3.

Please help..

And also want to make this jcarousel on left side of product vertically.
anton_ivanov
7 years ago
#13751 Quote
Avatar
  • Moderator
  • 277
Hello,

We cannot seem to be able to reproduce this issue. Can you elaborate more? Can you give us a link to a store with this problem so we can inspect it?
Regards,
Anton Ivanov
Nop-Templates.com
JayPatel92
7 years ago
#13752 Quote
Avatar
  • 8
anton_ivanov wrote:
Hello,

We cannot seem to be able to reproduce this issue. Can you elaborate more? Can you give us a link to a store with this problem so we can inspect it?


here is the link http://th.sseprintseva.com/executive-business-card

there are 3 pictures of the product but I am able to see only one.
anton_ivanov
7 years ago
#13753 Quote
Avatar
  • Moderator
  • 277
Hello,

Thank you for providing me with an URL. I inspected your store but I wasn't able to find a reason for this problem.
I see you are using some other 3rd party plugins (e.g. the editor on the page you gave me). Can you disable all your 3rd party plugins so we can see if any of them are interfering with the Cloud Zoom plugin and creating this issue?
Regards,
Anton Ivanov
Nop-Templates.com
JayPatel92
7 years ago
#13754 Quote
Avatar
  • 8
anton_ivanov wrote:
Hello,

Thank you for providing me with an URL. I inspected your store but I wasn't able to find a reason for this problem.
I see you are using some other 3rd party plugins (e.g. the editor on the page you gave me). Can you disable all your 3rd party plugins so we can see if any of them are interfering with the Cloud Zoom plugin and creating this issue?


Here is the other product link without the designer http://th.sseprintseva.com/executive-business-card-5

Valentin
7 years ago
#13762 Quote
Avatar
  • 172
Greetings,

we investigated the issue and you need to add the bolded line of code in your carousel.css file (on line 72), which is located in ~Plugins/SevenSpikes.Nop.Plugins.CloudZoom/Themes/DefaultClean/Content/carousel/carousel.css :

.picture-thumbs a.cloudzoom-gallery {
display: block;
    position: relative;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 5px;
}

Best Regards,

Valentin Kirov
Nop-Templates.com
JayPatel92
7 years ago
#13763 Quote
Avatar
  • 8
Valentin wrote:
Greetings,

we investigated the issue and you need to add the bolded line of code in your carousel.css file (on line 72), which is located in ~Plugins/SevenSpikes.Nop.Plugins.CloudZoom/Themes/DefaultClean/Content/carousel/carousel.css :

.picture-thumbs a.cloudzoom-gallery {
display: block;
    position: relative;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 5px;
}



Thank you.. Its working good now..

Thanks for the Help.