Image size, single product layout

Hi,

Probably a simple question: I made a new layout, but can’t to seem te find out, where to adjust image size. Some product image do not fit in the border. See print for example.

Attachments:

You must be logged in to view attached files.

Hello,

You have a custom code that influent on the image gallery.

https://monosnap.com/file/mtYCsGvEpFJlMQmbXNCj6JWryvGePG

So please remove the code that is shown on the above screenshot and check the issue again.

Keep me informed of any issues.

Kind Regards

Hi there,

The effect of deleting CSS is that pictures are huge. and of different size. Any suggestions? see print

Attachments:

You must be logged in to view attached files.

Hello,

I have tested the product gallery on my side and there is everything well (you can be sure of that by checking the below screenshot).

https://gyazo.com/e7bc02e0aa7cb227234c04a7138dce01

Let me know if you have resolved the issue.

Kind Regards

Hi,

That’s because I dassabled the new layout. When I enable it: see the result below

Attachments:

You must be logged in to view attached files.

Hello,

The width of the image you can set via the settings of the “Product Gallery” -> Layout.

https://monosnap.com/file/FSaaRihNrfYafO1PYgOF7Rwz4IuAUb

Also, you can configure the image sizes through Appearance -> Customize -> WooCommerce -> Product Images.

https://gyazo.com/8be3f97058e746d947cfba4667ac4bc8

If you’d like to contact us, we are here for whatever questions you may have.

Kind Regards

No good result. I’ll try with a friend to get this solved. I’ve it remains I will contact again.

Hello,

Ok, I will wait for your response.

If there’s anything else we can do, please get in touch.

Kind Regards

This problem is still here. My friend isn’t able to solve it. Would like your help again.

We’ve tried to disable all plugins. No difference. I also notice another problem with it. When I put on the new layout (in this case single product) my site isn’t opening anymore. Instead, when I click a link on internet to my site a download starts. Problem is gone when I disable the layout again. So 2 problems:

1) image isn’t right (while with css the ‘ normal single product is oke)
2) download (not readable document) starts instead of website (when layout is on).

Can you help

Hello,

Can I disable all plugins on your website? Just for checking.

I await your response.

Kind Regards

Yes you can. Problem with download file is gone. Problem with image size remains. If you look at the ‘ normal’. single product page, you see how the image differs from the images when layout is selected. Layout is disabled now. You can switch it on

[Luke Nielsen]

Hello,

The thing is that when you are using the layout builder, you can adjust the image manually via the page builder.

https://monosnap.com/file/GvqRCollrCo8deq1SakFjBqLmwiFjN

Also, you can make the width of the column smaller via the page builder, hence the image will be smaller.

https://gyazo.com/1414ac3310ecfb06506494404cf09965

If you are unable to adjust it manually, you can try to use the below code, use it only for the product layout.

.single-product .woocommerce-product-gallery img {
    width: auto;
}

In general, the problem is in the images themselves.

Kind Regards

• This reply was modified 2 years, 5 months ago by Luke Nielsen.

Hi,

I’ve changed the preview product for builder. Please can you check it again. You will see the width is not the problem. the image is bigger then shown

Hello,

In your case, by removing the width you can improve the image quality.

https://gyazo.com/fd1bbc385df6ee6277e93776d53e81d1

But the height of the image cannot be changed because the problem is in the image itself. Set up your images with the sizes as on our demo and they will look well.

Kind Regards

[Author]

Posts