Return to previous page

Topic: Single Product Image Size

Tagged: image, single product, size

mhammoud

Participant

August 22, 2015 1:51 pm

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
Theme version: 2.9
WooCommerce version: 2.4.4

#81742 copied to clipboard

Like

Jack Richardson

Support staff

August 24, 2015 11:01 am

Hello,

Please provide us with WP Dashboard credentials in private content.

Best regards,
Jack Richardson.

#81881 copied to clipboard

Like

mhammoud

Participant

August 24, 2015 11:13 am

Check
Theme version: 2.9
WooCommerce version: 2.4.4

Content is visible for topic creator and
support staff only.

#81886 copied to clipboard

Like

Jack Richardson

Support staff

August 24, 2015 12:06 pm

Hello,

The credentials are incorrect.
Please check them.

Best regards,
Jack Richardson.

#81896 copied to clipboard

Like

mhammoud

Participant

August 24, 2015 12:10 pm

please check now

#81898 copied to clipboard

Like

Eva Kemp

Support staff

August 24, 2015 2:31 pm

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 to clipboard

Like

mhammoud

Participant

August 24, 2015 2:33 pm

Hi Eva,

Ok will try that and get back to you

Thank you.

#81946 copied to clipboard

Like

mhammoud

Participant

August 24, 2015 2:58 pm

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.

Content is visible for topic creator and
support staff only.

#81957 copied to clipboard

Like

Jack Richardson

Support staff

August 25, 2015 7:20 am

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 to clipboard

Like

mhammoud

Participant

August 25, 2015 7:32 am

Please check private message

Content is visible for topic creator and
support staff only.

#82073 copied to clipboard

Like

Jack Richardson

Support staff

August 25, 2015 12:32 pm

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 to clipboard

Like

mhammoud

Participant

August 26, 2015 9:21 pm

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 to clipboard

Like

Jack Richardson

Support staff

August 27, 2015 9:09 am

Hello,

Please provide us with FTP credentials.

Thank you.

Best regards,
Jack Richardson.

#82652 copied to clipboard

Like

mhammoud

Participant

August 27, 2015 12:15 pm

Hi Jack,

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

Thank you

#82728 copied to clipboard

Like

Jack Richardson

Support staff

August 27, 2015 1:49 pm

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 to clipboard

Like

mhammoud

Participant

August 28, 2015 1:47 pm

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 to clipboard

Like
Eva Kemp

Support staff

August 28, 2015 2:18 pm
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 to clipboard

Like
mhammoud

Participant

August 28, 2015 6:46 pm

Hi Eva,

It worked. How can i change the height also?

Thank you

#83040 copied to clipboard

Like
Eva Kemp

Support staff

August 28, 2015 7:57 pm
Hello,

Please use this code:

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

Regards,
Eva Kemp.
#83055 copied to clipboard

Like
mhammoud

Participant

August 28, 2015 8:13 pm

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

Content is visible for topic creator and
support staff only.

#83061 copied to clipboard

Like

Viewing 20 results

1 2

1 through 20 (of 21 total)

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

Lorem ipsum dolor sit amet consectetur adipisicing elitsed do

Choose file (max-size 1mb, zip or rar)

$0.00

Oops, looks like you don’t have access!

You may extend support period on ThemeForest and then update its status by clicking "Update" button in your Account area.

Purchase code	Expiration date
817e8a3b-18c8-492c-8ba6-9188c27b0995	05 Jan 2017

Topic: Single Product Image Size

Usefull links

Did you know ?

Support Stats

Topic: Single Product Image Size

Usefull links

Did you know ?

Support Stats

Log in to 8theme

Oops, looks like you don’t have access!