Product Single Image Size

[Kyle – SUPPORT]

The image won’t get resized if it’s smaller than the dimensions you have set in the woocommerce settings.

– Kyle

[serieux]

Kyle,

Can you check the products in my Shop please.

Im very confused about whats happening.

Please see these links:
http://serieux.com.au/product/test-3/

http://serieux.com.au/product/test-2/

[Kyle – SUPPORT]

That’s odd, every image is resized differently, never seen this happen before. I will forward this to the developer for you

– Kyle

[serieux]

Thanks Kyle,

I’m not sure whats happening.

I’ve tried deactivating all plugins as well.

[Rui Guerreiro – SUPPORT]

No problem. Let’s wait for the reply of the developer.
-Rui

[Swift Ideas – Ed]

Hi @serieux

The image area on the product display page is a percentage width – the image size you are changing is just the size of the image that is loaded into that space. To change the size of the image area, you’ll want to use this custom css:

@media only screen and (min-width: 768px) {
/* IMAGE AREA */
.woocommerce div.product div.images {
width: 30%;
}
/* DETAILS AREA */
.woocommerce div.product div.summary {
width: 66%;
}
}

– Ed

[Swift Ideas – Ed]

Apologies, just spoke to Kyle and clarified what you were referring to. The 600px width is set by the theme, you can change it by changing /woocommerce/single-product/product-image.php line 18, or adding this filter to a child theme functions.php file:

function custom_product_image_width() {
	return 800;
}
add_filter('sf_product_image_width', 'custom_product_image_width');

– Ed

[serieux]

Hi Ed,

Thanks for that. I’ll try that in a second.
Can you please check product test 2? (It has different product page settings compared to the other products) For some reason there is a sidebar on both sides. I tried putting a sidebar on but it looks like it only accepts the settings after you add a new product. It seems that the woocommerce settings don’t apply to every product.

Can you please have a look.

Thanks

[serieux]

Hi Ed,

I’ve done some further investigation and what seems to me to be the problem is the theme option settings – Woocommerce – Product Page.
The options that you set only change after you add a product. The previously added products will not change. This is obviously a problem as i would have to re-add every product to update it to the new settings.

The issue of the single product image size is still there as well. The image size is not changing.

[Swift Ideas – Ed]

Hi @serieux

That is how the options are intended to work. The options in theme options are simply the default options for when you create new products, and for products which haven’t been saved since you activated the theme – they don’t override the individual product options.

Have you added the code I provided above?

– Ed

[serieux]

Hi Ed,

Okay, Thanks for that!

I have added the following code:

function custom_product_image_width() {
return 800;
}
add_filter(‘sf_product_image_width’, ‘custom_product_image_width’);

There are X’s showing up next to each of the line items. i’m not sure if that will make any difference.

thanks

[Swift Ideas – Ed]

Where have you added that code?

– Ed