Hello,
I’ve fixed the issue and released an update. Please update the plugin to the latest version.
Thank You.
The same thing happens to me, I have updated the plugin to the latest version and the images still appear without arrows and in small size. Here is an example:
https://svanelectro.com/frigorifico-4-puertas-svan-no-frost-e-180cm-79cm-63cm-inox-display-tactil-modo-eco-modo-super/
Hello @hecal87,
The issue you reported is different from the one discussed in this thread.
I’ve checked your site, and regarding the arrows—please note that we’ve switched the slider library from Slick.js to Swiper.js. Your active theme is also using the Swiper.js library, which is causing a CSS conflict. Both the arrow color and background color are the same due to overlapping styles, making the arrows invisible.
As for the slider width, your theme is applying a 48% width to the slider, which is why it appears smaller.
Please add the following CSS to your site to resolve these issues. After adding the CSS, make sure to clear your site and browser cache:
.main_arrow:after, .thumb_arrow:after {
color: #000 !important;
}
.images.nickx_product_images_with_video{
width: 100% !important;
}
Thank You.
Thank you so much for the quick support. Now It’s working properly : )
Hi!
About this topic, I’m still having issue on the gallery. You can check it on print below:
https://prnt.sc/0Uk1pKKQH_3G
When I go at the single product page, it keep collpase and the arrows doesn’t work. My plugin version is the latest already and i’ve cleared the cache but nothing changed. I created a ambient test, do you want access and check by yourself what it can be?
https://productgallerywc.hipromed.com.br/?bypass_code=IvHucyNYvZgFcnuW
Thank you in advance.
Hello @hipromed,
Could you please enable our plugin so I can take a look?
Also, kindly open a support ticket through our website for better tracking and assistance.
Thank you!
Hi, @nikhilgadhiya !
Done, plugin is active already.
Sure, I gonna open a support ticket. Thank you for the quick assistance!
Hello @hipromed,
Please add the following CSS to your site to resolve these issues. After adding the CSS, make sure to clear your site and browser cache:
.nickx_product_images_with_video:not(:has(.swiper.nickx-slider-nav .swiper-slide:nth-child(4))) .nickx-slider-nav .swiper-slide{
height: auto !important;
width: auto !important;
}
Thank you!
Hi @nikhilgadhiya !
I applied the code and it resolved the collapse issue, only the slider one isn’t working now. When I click on the arrows or thumbnails, it didn’t change the image.
Thank you!
Hello @hipromed,
Could you please disable the cache plugin temporarily and check if everything works correctly?
Hi @nikhilgadhiya !
I’ve turned off my cache plugin and tried again but still doesn’t work. When I click on the arrows it wasn’t changed the image, not even on thumbnails. You can check it on video below:
https://www.loom.com/share/2159e53a0eab494d85d3ea3cef8dbef2?sid=3c2b0d1f-2416-4923-89b4-80d2ba429a63
Hello @hipromed,
I checked your product page after deactivating the cache. The issue is caused by using our gallery twice within the same product template—one instance for desktop and another for mobile. This duplication leads to a JavaScript error, which breaks the slider functionality.
To resolve this, please use a single instance of the gallery across all devices (desktop, tablet, and mobile). There’s no need to add separate widgets for different screen sizes.
Hi @nikhilgadhiya !
I see. Yes, I’m using two different layout with a small diference between each other for better usability in desktop and mobile. I’ve tested using only one instance and it worked. I’ll try to manage to works by this way.
Thank you for all support!
