Return to previous page

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

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

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

#81742 Copied Theme version: 2.9 WooCommerce version: 2.4.4

20 Answers

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.

#81881 Copied

mhammoud

Participant

August 24, 2015 at 11:13

Check

Please, contact administrator
for this information.

#81886 Copied Theme version: 2.9 WooCommerce version: 2.4.4

Jack Richardson

Support staff

August 24, 2015 at 12:06

Hello,

The credentials are incorrect.
Please check them.

Best regards,
Jack Richardson.

#81896 Copied

mhammoud

Participant

August 24, 2015 at 12:10

please check now

#81898 Copied

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.

#81945 Copied

mhammoud

Participant

August 24, 2015 at 14:33

Hi Eva,

Ok will try that and get back to you

Thank you.

#81946 Copied

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.

#81957 Copied

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.

#82066 Copied

mhammoud

Participant

August 25, 2015 at 07:32

Please check private message

Please, contact administrator
for this information.

#82073 Copied

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.

#82159 Copied

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

#82582 Copied

Jack Richardson

Support staff

August 27, 2015 at 09:09

Hello,

Please provide us with FTP credentials.

Thank you.

Best regards,
Jack Richardson.

#82652 Copied

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

#82728 Copied

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.

#82759 Copied

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

#82967 Copied
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.
#82980 Copied
mhammoud

Participant

August 28, 2015 at 18:46

Hi Eva,

It worked. How can i change the height also?

Thank you

#83040 Copied
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.
#83055 Copied
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.

#83061 Copied
Jack Richardson

Support staff

August 31, 2015 at 07:51
Hello,

I’ve added this code in custom.css file:
```
.sxy-zoom-container .sxy-zoom-bg, .flex-viewport, .sxy-zoom-container {
   height: 300px !important;
}
```
Please check images now.

Best regards,
Jack Richardson.
#83189 Copied
Tagged: best selling, image size, optimized, single product, themes, woocommerce
Viewing 21 results - 1 through 21 (of 21 total)