Woocommerce image too big. Custom theme

Resolved jinx180
(@jinx180)

7 years, 10 months ago

Hello!

I’ve got an issue with a Woocommerce product image being too large. The image is very large in Height.

The other products are working fine.

The product in question.
The Product

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

wpriders
(@wpriders)

7 years, 10 months ago
hello jinx180
I have 3 solutions:
1) There are some Javascript errors regarding the image zoom. Try fixing them and that might resolve your issue.

2) CSS code that is specific for this product.
```
div#product-220.product .woocommerce-product-gallery .woocommerce-product-gallery__image{ width: 100%; }
div#product-220.product .woocommerce-product-gallery .woocommerce-product-gallery__image img{ width: auto!important; max-height: 300px; margin: 0px auto; }
```
By removing “#product-220” will make the css applied for all products.

3) Product images settings can be changed:
http://www.segrow.co.uk/wp-admin/options-media.php
AND
Go to Appearance > Customize > WooCommerce > Product Images
After doing these changes will be recommended to do a images regenerations. I suggest this plugin: https://wordpress.org/plugins/regenerate-thumbnails/

I suggest you fix the zoom issue first
- This reply was modified 7 years, 10 months ago by wpriders.
- This reply was modified 7 years, 10 months ago by wpriders.
Thread Starter jinx180
(@jinx180)

7 years, 10 months ago

Thank you. I’m not sure how to fix the Zoom issue this is a custom theme and I’m rather new to adding plugins in custom woo themes.

I’ll make the other changes.

Plugin Support John Coy a11n
(@johndcoy)

Automattic Happiness Engineer

7 years, 10 months ago

Hi @jinx180

Also, here is a doc to help declare theme support and the instructions to add WooCommerce settings to your theme:

https://github.com/woocommerce/woocommerce/wiki/Declaring-WooCommerce-support-in-themes

I’ll mark this thread as resolved for now.