Archived topic

Woo Commerce Images

1 reply · Started by Jonathan on February 13, 2018

Viewing posts 1–2 of 2

February 13, 2018 at 1:15 pm #495625

I am totally at a loss. I am running woocommerce vs 4.9.4 on GPPremim vs 1.5.6 using WP 4.9.4

Ok, I am downloading an image for my woocommerce store that that has the dimensions of 337x506. I set the Product "Main Image Width" to 337. However when it displays the image size is 577x866.344

Go to https://design.kwikkopyshop.com and choose a T-Shirt. How can I get this image to properly display at the original size. I have deleted images, reuploaded them, regnerated thumbnails and still the same issue.

Any ideas? Thanks in advance for your help

February 13, 2018 at 9:20 pm #495839

Hi there,

WooCommere splits the single product layout in halves, then forces the image to take up 100% of the half.

You can reduce the width of the image container with some CSS like this:

.woocommerce #content div.product div.images, 
.woocommerce div.product div.images, 
.woocommerce-page #content div.product div.images, 
.woocommerce-page div.product div.images {
    width: 20%;
}

.woocommerce #content div.product div.summary, 
.woocommerce div.product div.summary, 
.woocommerce-page #content div.product div.summary, 
.woocommerce-page div.product div.summary {
    width: 70%;
}

We're hoping to improve this in the near future.

Let me know if it helps or not :)

This archived topic is closed to new replies.

Start building better websites today.