Return to previous page

Problem with product images - by lilleliis

This topic has 15 replies, 3 voices, and was last updated 9 years, 8 months ago ago by Eva Kemp

lilleliis

Participant

March 28, 2015 at 18:20

Hello!
I don`t seem to understand the thing with the product images.
I need to add 5-6 images to each product, both landscape and portrait format. On the category page everything looks fine. However, on the single product page it doesn`t display the product gallery in thumbnails, so it looks bad when landscape and portrait images are mixed. The same issue is with the quickview.
I added some screeshots to clarify my problem:
https://picasaweb.google.com/112983688255361485683/Legenda?authkey=Gv1sRgCI2tl6Cw5ZWSag

Which settings should I change to fix this?

Mari-Liis

#53026 Copied Theme version: Legenda

14 Answers

Eva Kemp

Support staff

March 29, 2015 at 12:20

Hello,

Please provide us with wp-admin panel credentials in private content.

Thank you.
Regards,
Eva Kemp.

#53055 Copied

lilleliis

Participant

March 30, 2015 at 07:34

Data in private content.

Please, contact administrator
for this information.

#53083 Copied
Eva Kemp

Support staff

March 30, 2015 at 14:04
Hello,

I’ve added this code in custom.css file:
```
.product-thumbnails-slider .slides li img {
    height: 120px;
    width: 150px;
}
```
Please check single product page now.
If you want to have similar sizes for all images you should upload them with original dimensions 1425px × 1900px approximately.

Regards,
Eva Kemp.
#53193 Copied
lilleliis

Participant

March 31, 2015 at 19:50

Now the product gallery images are all in sqares of one size (thats good!), only the images look ugly and compressed. Heres what I mean: https://picasaweb.google.com/112983688255361485683/Legenda?authkey=Gv1sRgCI2tl6Cw5ZWSag#6132469437962870338
How will I get it so that the nice and neat thumbnails of the images are shown in these equal sqares? And when you click on them, then the entire image opens.

Mari-Liis

#53713 Copied

Eva Kemp

Support staff

March 31, 2015 at 21:16

Hello,

If you want to have similar sizes for all images you should upload them with original dimensions 1425px × 1900px approximately.
Please upload images of high resolution.

Regards,
Eva Kemp.

#53725 Copied

lilleliis

Participant

April 2, 2015 at 16:59

It`s not possible for me to add images all in the same size because some are in portrait and some in landscape format.

I want to achieve a result like here:
http://lilleliis.com/product/amigurumi-wool-bunny/
On the single product page there are thumbnails of all the images (main image is bigger and product gallery images are smaller). When you click on any of the photos the full size images open in a light box.

Which settings should I use to achieve that?

#54274 Copied

Eva Kemp

Support staff

April 2, 2015 at 17:28

Hello,

If you check images sizes in that link you’ll see they have 90px × 90px.
Sorry, but the problem is your original dimensions differ too much, so images sizes are different.
You have to reupload images with similar sizes. Sorry.

Regards,
Eva Kemp.

#54287 Copied

Pablo

Participant

April 5, 2015 at 02:38

Hi Eva, I have a similar problem, even I change the sizes in Woocomerce setting and after regenerate al of the media library, in front end the images still the same size 555 x 740 pixels (Natural 375 x 500 pixels)

I just try all the advices in forum tu resize that images but nothing works.

Thanks for your help.

#54761 Copied Theme version: 1.4 WooCommerce version: 2.3.7

Eva Kemp

Support staff

April 6, 2015 at 10:14

Hello @Pablo,

Do you want to change image sizes on Shop page or single product page?
Please provide us with correct wp-admin panel credentials in Private Content.

Thank you.
Regards,
Eva Kemp.

#54824 Copied

Pablo

Participant

April 6, 2015 at 14:15

Hi Eva!
I need change images sizes of both places Shop page and single product page.

thanks for your help.

Please, contact administrator
for this information.

#54872 Copied Theme version: 1.4 WooCommerce version: 2.3.7

Eva Kemp

Support staff

April 6, 2015 at 18:36

Hello,

As I see images sizes are changed to the ones that you set:
http://storage2.static.itmages.com/i/15/0406/s_1428341697_8463279_15eddb5f38.png

Please check it.

Regards,
Eva Kemp.

#55038 Copied

Pablo

Participant

April 6, 2015 at 20:40

Eva
these are the sizes what shows the chrome code inspector.

and this is a measurement on screen

the sizes are the same as I told you before…

…and these are the sizes what I want the images resizes.

Please, contact administrator
for this information.

#55072 Copied Theme version: 1.4 WooCommerce version: 2.3.7

Pablo

Participant

April 6, 2015 at 20:44

Sorry here are the images!

Chrome code inspector
http://saul.com.uy/tmp/image_size_SAUL.jpg

Measurement on screen
http://saul.com.uy/tmp/image_size_SAUL_02.jpg

images resizes
http://saul.com.uy/tmp/image_size_SAUL_03.jpg

Please, contact administrator
for this information.

#55075 Copied Theme version: 1.4 WooCommerce version: 2.3.7
Eva Kemp

Support staff

April 8, 2015 at 10:46
Hello,

I’ve added this code in style.css of your child theme:
```
.sxy-zoom-container .sxy-zoom-bg, .product-images-slider {
    width: 375px !important;
    height: 500px !important;
}
.product-images {
    width: 410px !important;
}
.product-lightbox-btn {
   top: 450px !important;
}
```
Please check single product page now.

Regards,
Eva Kemp.
#55557 Copied
Tagged: best selling themes, persuasive, problem, product images, woocommerce
Viewing 15 results - 1 through 15 (of 15 total)