• Hi there,

    Sorry for my dummy question, but I don’t undertand how the image are resized for the single product image.
    My client send me very big images like that :
    https://ibb.co/HTP1JR5
    Size 2200*5000 pixels

    I resized them with photoshop 300*600

    I tried by code :
    add_filter( ‘woocommerce_get_image_size_single’, ‘ci_theme_override_woocommerce_image_size_single’ );

    function ci_theme_override_woocommerce_image_size_single( $size ) {
    // Single product image: square
    return array(
    ‘width’ => 300,
    ‘height’ => 600,
    ‘crop’ => 1,
    );
    }
    In this case of course, my image is cropped so it’s kind a zoom in the midlle of the image.

    I want to display the whole image but in a smaller size in the product page. I don’t know if I’m very clear in my explanation.

    Maybe it’s something to do in photoshop for resizing ???

    Thanks for your help.

    Best regards.

    Catherine.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hi @catheg,

    Resizing the product images in square, e.g. 1000*1000 using an image editor, e.g. Photoshop, will solve your problem.
    
    I hope that will help. Feel free to reach out to us if you have any further queries.

    Kind regards,
    Herman 🙂

    Thread Starter catheg

    (@catheg)

    Hi,

    I really don’t understand how it works. I read the wwocommerce doc
    https://docs.woocommerce.com/document/image-sizes-theme-developers/.

    I have now image with a size of 533 * 800, so with a ratio of 2/3.

    I can change what I want in the customizer :
    in the main image width
    in the thumbnail width

    Even if I force the regenerate thumbnail, clear my browser cache, the image are displayed in the same way in the shop page or in the single product page.

    Only the thumbnail cropping seems to work, when I put 2 : 3 in the ratio.

    My image are really too big on the screen in the shop page, or product page.

    @brainstormteam my image are rectangular. I don’t know what to put in the value of the main image width, in the thumbnail to have image smaller on the screen.

    Any idea to fix that.

    Thx.

    Cheers.

    Catherine.

    Hi @catheg,

    For the Main image width and Thumbnail width explanation, please refer to this thread.
    
    And is it possible to share the live site URL so we can see it directly from our end?
    
    Kind regards,
    Herman 🙂

    Thread Starter catheg

    (@catheg)

    The site is im coming soon mode, so I don’t know how to give you an access.

    Hello @catheg

    Please feel free to reach out to us through our Support Portal – https://wpastra.com/support/free-support/

    And do mention the support topic in the ticket.

    We will look forward to hear from you! 🙂

    Thread Starter catheg

    (@catheg)

    Thank you so much.

    I didn’t know about this possibility.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘product image size’ is closed to new replies.