This topic has 9 replies, 3 voices, and was last updated 24 minutes ago ago by hafunerix
I have noticed that recently (I do not know if it is due to the theme update or not) when I click on the product gallery photo on the product page, an enlarged photo should appear on a dark background.
Meanwhile, this photo is small:
of course you can enlarge it, but it should immediately display the entire width of the screen.
And the second thing – why is it not possible to move photos between subsequent gallery photos after clicking on the photo and opening the gallery (with a dark background)? The slider does not work. Why?
Hello, hafunerix,
Thank you for reaching out to us. Kindly provide the following information to assist us in resolving your issue:
1) A link to the product you are experiencing problems with
2) Access to the admin panel
3) FTP access
4) The version of the browser you are using
5) The version of the operating system on your iPhone
Best regards,
8Theme Team
OK please try to log in to my site.
Dear @hafunerix,
We hope this message finds you well.
Upon reviewing your website, we noticed that the current product image size is set to 800x800px. While this is functional, we believe it may be slightly small for optimal display.
We kindly recommend increasing the image size to at least 1500x1500px to enhance the visual quality and user experience.
Thank you for your attention to this matter.
Best regards,
8Theme Team
Than your for your reply but this is not a case.
The image resolution doesn’t matter – whether it’s 800x800px or 1500x1500px, after clicking on the gallery image it will always enlarge to the same size – it won’t fill the entire screen.
This is an enlarged pic 800x800px:
https://postimg.cc/hhwxKj6P
and this is 1500x1500px:
https://postimg.cc/PCf84w8y/687e3a46
As you can see they look the same size and on a phone it looks even worse because the enlarged image is really tiny.
Hi @hafunerix,
Do you mean the image MUST touch the edge of browser?
Please try adding this custom CSS codes under XStore > Theme Options > Theme Custom CSS > Global CSS:
.elementor-lightbox .elementor-lightbox-item {
padding: 0 !important;
}
Hope it helps!
This is exactly what I meant. The code works like a charm. Thank you.
One more question – can this lightbox be made movable? So that the slider works sideways and you can move the images from the gallery?
Like this: https://postimg.cc/kDsV5y4c
Because now when you enlarge a photo to see it up close and you want to see another photo from the gallery up close, you have to close that photo – move the gallery and enlarge the next photo again. This is not an optimal solution.
Hi @hafunerix,
Can you please share your admin account again? We tried with this account but itn’s not working anymore.
Thank you!
I have set a new password, please check now.
You must be logged in to reply to this topic.Log in/Sign up