Problem with product images - by lilleliis

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

  • Avatar: lilleliis
    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

    14 Answers
    Avatar: Eva
    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.

    Avatar: lilleliis
    lilleliis
    Participant
    March 30, 2015 at 07:34

    Data in private content.

    Please, contact administrator
    for this information.
    Avatar: Eva
    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.

    Avatar: lilleliis
    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

    Avatar: Eva
    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.

    Avatar: lilleliis
    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?

    Avatar: Eva
    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.

    Avatar: Pablo
    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.

    Avatar: Eva
    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.

    Avatar: Pablo
    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.
    Avatar: Eva
    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.

    Avatar: Pablo
    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.
    Avatar: Pablo
    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.
    Avatar: Eva
    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.

  • Viewing 15 results - 1 through 15 (of 15 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.