Single Product Image Size - by mhammoud - on WordPress WooCommerce support

This topic has 21 replies, 3 voices, and was last updated 8 years, 7 months ago ago by Jack Richardson

  • Avatar: mhammoud
    mhammoud
    Participant
    August 22, 2015 at 13:51

    Hi,

    I want to change the product image size in the product page. Currently, in woocommerce settings, it is set to 300 x 300 and I have regenerated thumbnails but still the image size is showing much bigger than that.

    Thank

    20 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    August 24, 2015 at 11:01

    Hello,

    Please provide us with WP Dashboard credentials in private content.

    Best regards,
    Jack Richardson.

    Avatar: mhammoud
    mhammoud
    Participant
    August 24, 2015 at 11:13

    Check

    Please, contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    August 24, 2015 at 12:06

    Hello,

    The credentials are incorrect.
    Please check them.

    Best regards,
    Jack Richardson.

    Avatar: mhammoud
    mhammoud
    Participant
    August 24, 2015 at 12:10

    please check now

    Avatar: Eva
    Eva Kemp
    Support staff
    August 24, 2015 at 14:31

    Hello,

    Your original images sizes are too small. You should upload them with dimensions 1425px × 1900px approximately and they will be scaled to the sizes set in Woocommerce settings.
    Please try it.

    Regards,
    Eva Kemp.

    Avatar: mhammoud
    mhammoud
    Participant
    August 24, 2015 at 14:33

    Hi Eva,

    Ok will try that and get back to you

    Thank you.

    Avatar: mhammoud
    mhammoud
    Participant
    August 24, 2015 at 14:58

    Hi,

    I uploaded a picture with size 1400 x 1900 and the picture didn’t scale to 300 x 300 as per woocommerce settings. The full size is showing in the single product page.

    Please, contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    August 25, 2015 at 07:20

    Hello,

    Please take our apologies but image dimensions can’t be changed on a single product page in theme options as they can be distorted. It can be edited only in the theme files wp-content/themes/legenda/woocommerce/single-product/product-image.php. Also changes in custom.css need to be made.

    Best regards,
    Jack Richardson.

    Avatar: mhammoud
    mhammoud
    Participant
    August 25, 2015 at 07:32

    Please check private message

    Please, contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    August 25, 2015 at 12:32

    Hello,

    1. Do you want to change image size only on Shop page, not on single product pages?

    2. You should refer to Woocommerce support regarding this query. Also these articles may help you:
    https://wordpress.org/support/topic/remove-link-to-woocommerce-single-product-page-from-shop-cart-pages
    https://www.skyverge.com/blog/woocommerce-remove-link-to-product-page/

    Best regards,
    Jack Richardson.

    Avatar: mhammoud
    mhammoud
    Participant
    August 26, 2015 at 21:21

    Hi,

    1. I want to change images only in single product image

    2. I was able to remove the link from the prdouct title..but i still need to remove the link from the product image in the shop.

    Thank you

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    August 27, 2015 at 09:09

    Hello,

    Please provide us with FTP credentials.

    Thank you.

    Best regards,
    Jack Richardson.

    Avatar: mhammoud
    mhammoud
    Participant
    August 27, 2015 at 12:15

    Hi Jack,

    I prefer to do this myself. Appreciate if you can send me the steps.

    Thank you

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    August 27, 2015 at 13:49

    Hello,

    Edit the file wp-content/themes/legenda/woocommerce/single-product/product-image.php in lines 46, 47 and set the needed sizes. Once it’s done please show us a single product page to customize the styles.

    Best regards,
    Jack Richardson.

    Avatar: mhammoud
    mhammoud
    Participant
    August 28, 2015 at 13:47

    Hi Jack,

    I changed the width and height to 300 300 but still the same thing. Check the first product.

    Please also advise about how to remove the link from the product image to the single product page.

    Thank you

    Avatar: Eva
    Eva Kemp
    Support staff
    August 28, 2015 at 14:18

    Hello,

    Please try to use this code in custom.css file:

    .single-product-page .images.shown {
      width: 300px !important;
    }

    How to create custom.css you can watch in this tutorial.

    Concerning the links on Shop page you need contact Woocommerce support team for the solution.

    Regards,
    Eva Kemp.

    Avatar: mhammoud
    mhammoud
    Participant
    August 28, 2015 at 18:46

    Hi Eva,

    It worked. How can i change the height also?

    Thank you

    Avatar: Eva
    Eva Kemp
    Support staff
    August 28, 2015 at 19:57

    Hello,

    Please use this code:

    .single-product-page .images.shown {
     height: 300px !important;
    }

    Regards,
    Eva Kemp.

    Avatar: mhammoud
    mhammoud
    Participant
    August 28, 2015 at 20:13

    The height is not working. I added the code and it stayed the same.

    Please, contact administrator
    for this information.
  • 1 2
    Viewing 20 results - 1 through 20 (of 21 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.