Set image style so it fits the width

This topic has 11 replies, 2 voices, and was last updated 1 year, 8 months ago by Elise Noromit.

Viewing 12 posts - 1 through 12 (of 12 total)

Author

Posts
April 1, 2023 at 5:59 pm #456276

Vincent
Participant

Dear,

Currently all the product images look out of proportion with the rest of the layout.
Is it possible to make it more fit? See image in example as potentional design.

Example large design: https://dev.fastsolutions.be/shop/tafellinnen/tafelloper/sander-nappe-loft-pastelblauw/

Kr,
Vincent

Attachments:
You must be logged in to view attached files.

April 2, 2023 at 11:04 pm #456449

Elise Noromit
Member

Hello,

Your site is under construction.
Please insert the site admin access into the Private content below the message area. We will take a closer look at the case.

Best Regards

April 3, 2023 at 9:51 am #456539

Vincent
Participant

See in private area

April 4, 2023 at 2:02 am #456872

Elise Noromit
Member

Hello,

Please try to upload a bigger image for the product page. Please check this manual: https://xtemos.com/docs-topic/image-size-and-content-alignment-in-a-product-grid/

If you have any questions please feel free to contact us.

Best Regards

April 4, 2023 at 9:16 am #456948

Vincent
Participant

Dear,

https://dev.fastsolutions.be/shop/tafellinnen/tafelloper/sander-tafelloper-loft-fel-groen-2/ We tried uploading a larger image here, playing around with the woocomme settings but it doesn’t resize.

Kr,
Vincent

April 5, 2023 at 5:12 am #457275

Elise Noromit
Member

Hello,

Please try these sizes: https://gyazo.com/1285bbb6614a823703a7058e204f1690

https://xtemos.com/docs-topic/image-size-and-content-alignment-in-a-product-grid/

If you have any questions please feel free to contact us.

Best Regards

April 5, 2023 at 9:05 am #457314

Vincent
Participant

Dear,

Tried changing it to 200 px, but it does not resize.

Can you further investigate?

Kr,
Vincent

April 6, 2023 at 4:26 am #457634

Elise Noromit
Member

Hello,

You have set 200 px for the main page, please insert 1200 px for the main page and 600 px for the image grid.

If you have any questions please feel free to contact us.

Best Regards

April 6, 2023 at 7:31 am #457680

Vincent
Participant

Tried resizing images – bigger / smaller
Tried setting the image sizez you proposed.

But the images still remain too big compared to the text next to it. Example: https://dev.fastsolutions.be/shop/tafellinnen/tafelloper/sander-nappe-loft-chocoladebruin/

Kr,
Vincent

April 7, 2023 at 2:10 am #457967

Elise Noromit
Member

Hello,

The image should be a bit bigger than the size you set in the Appearance > Customize > Woocommerce > Product image.

In this case, the image would not be blurred.

if you want to change the image height and make it on the same level as the right block, you need to upload images with smaller images in height.

If you have any questions please feel free to contact us.

Best Regards

April 7, 2023 at 8:50 am #458014

Vincent
Participant

Sorry I tried again, with a smaller image and lowering the width but the height on the product page stays the same.

I think that there really is something wrong here. I attachment, I photoshopped the design which we are going for.

Attachments:
You must be logged in to view attached files.

April 10, 2023 at 7:54 pm #458751

Elise Noromit
Member

Hello,

I have double-checked the issue with our developers. They recommend set the initial image size https://monosnap.com/file/Wz7lq7Ft4w42iQEWtwl81Tw0U74iBQ

and create your single product template in WooCommerce layouts builder https://xtemos.com/docs-cat/woocommerce-layouts-builder/?theme=woodmart

Please follow these instructions: https://xtemos.com/docs-topic/single-product-page-builder/

If you have any questions please feel free to contact us.

Best Regards
Author

Posts

Viewing 12 posts - 1 through 12 (of 12 total)

Set image style so it fits the width

Attachments:

Attachments:

Create your WordPress website.