-
-
Hi there,
I am having problems with the thumbnails for the product detail slider. The main product image is displaying bigger than the product gallery images thumbnails and all are 1200px by 1000px. I tried forcing height with CSS but it doesn’t work, how can it be fixed?
.flex-control-thumbs li{
max-height:105px!important;
width:130px!important;
transition: margin 300ms;
}Thank you
- This topic was modified 5 years, 1 month ago by lapizd.
-
Hello,
The first image has different dimensions from the rest, so it resizes differently. While the other images original dimensions are 1200x1000px, the first one is 100x100px. See screenshot:
https://ibb.co/q94Njt1
I suggest you upload a different image and it will be ok.Best regards!
-
I tried another image, which is actually the 4th one in the product gallery(size at 1200px by 1000px), and the same problem happens.
Don’t get where that comes from…if maybe the system is creating thumbnail.
https://www.dropbox.com/s/lwvv4q0ec510sqn/Screen%20Shot%202019-03-08%20at%2011.18.31%20AM.png?dl=0
- This reply was modified 5 years, 1 month ago by lapizd.
-
Hello,
Please add some wp credentials in your profile data. So we can give it a closer look.
Best regards!
-
I did at the same time I posted my message, but will add them again in case you did not receive them
-
-
Hello,
Sorry for the late reply.
The first thumbnail is auto-generated from the main product image. Instead of customizing theme code, which will make you redo the changes every theme update, a better solution is to hide the first image. I added this css into your Specular > General > Custom Css box:.single-product .flex-control-thumbs li:first-child { display: none; }
You can now upload the images you want for the product gallery. They will show up the same size as long as you upload images of the same size.
Let me know.
Best regards! -
It works to fix the thumbnails breaking, but there is no way to navigate back to the first image which is not the ideal, is there any other solution?
-
Hello,
Please update theme first and all included plugins.
Let us know if the situation persits.Best regards!
-
yes it does persist. If you could help me resolve this I will appreciate it.
Thank you!
-
Hello,
Please add an image which’s original dimensions are the same as the other images. That is 1200x1000px. As in screenshot: https://ibb.co/SNkhDhz
So the crop will be the same as the rest of them and the first image too, will be cropped to the same dimensions.Best regards!
-
All the images are at 1200px by 1000px. Including the featured image.
https://www.dropbox.com/s/ohr7yu8tdp6ctm6/thumbnail-proof.png?dl=0
If you read my messages before this last one we had already discussed this and I had already sent proof. For some reason when the image is inserted as the featured image it does not size the same was as when it is inserted in the product gallery. I was hoping this error was fixed with the theme update
-
Hello,
Sorry but from what i see the original image size of the first image is still 100x100px. See screenshot: https://ibb.co/3NpppWw
Please try recreating the product from scratch. Regenerate all thumbnails first if you can. So that the new image (1200x1000px) thumbnail is recreated.
Let us know.
Best regards!
-
You must be logged in to reply to this topic.