Product Image Size Issues

This topic has 12 replies, 2 voices, and was last updated 3 years, 9 months ago by Aizaz Imtiaz Awan.

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

Author

Posts
February 2, 2021 at 8:52 am #263191

arminovic
Participant

Hello all,

I am fighting some issues with the image size on the product page. I have tried already all the provided doings, but the image size is not applying…

all the doings here in this post https://xtemos.com/docs/woodmart/faq-guides/image-size-content-alignment-product-grid/ have been tried but something is blocking the image size on the product page. The grid is working fine and looks perfect.

The picture is too big to for the site. The original picture size is smaller than 600, so the picture appears in a bad quality.

Maybe someone knows how to fix?

Thank you in advance.

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

February 2, 2021 at 12:01 pm #263251

Aizaz Imtiaz Awan
Keymaster

Hello,

First of all thanks for choosing our Theme, we are glad to be you in the WoodMart WordPress family :).

I saw the screenshot you attached.

Please try setting the product image size from Theme Settings >> Product Page >> Images.

Screenshot for Clarification: https://prnt.sc/y0j92y

Then clear cache and check back.

Regards.
Xtemos Studios.

February 2, 2021 at 12:12 pm #263254

arminovic
Participant

Thank you Aizaz.

I am using already the “medium” size settings you have provided. The “small” is too small.

How can I resize the product image within the “medium” settings to a lower picture size.

As already described the other method (link above) is not working or something is blocking…?

Thank you so much.

February 2, 2021 at 12:25 pm #263262

arminovic
Participant

I have found some entries in log file (woocommerce) with “wc-image-regeneration…”. It seems that all pictures have been resized while installing a plugin? Could this be?

Is there a possibility to fix that?

Thank you.

February 2, 2021 at 1:19 pm #263282

Aizaz Imtiaz Awan
Keymaster

Hello,

Please provide the admin panel login details of the website to check it myself and help you out accordingly.

Best Regards.

February 2, 2021 at 2:02 pm #263297

arminovic
Participant

The reason might be with some woo commerce plugin which has been installed.

February 3, 2021 at 5:53 am #263423

Aizaz Imtiaz Awan
Keymaster

Hello,

You forgot to provide the URL of the website with the admin panel login details. Please provide the URL of the website as well to check it myself and help you out accordingly.

Best Regards.

February 3, 2021 at 7:18 am #263446

arminovic
Participant

You can find the URL… sorry 😀

February 3, 2021 at 8:59 am #263470
Aizaz Imtiaz Awan
Keymaster
Hello,

Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.
```
.woocommerce-product-gallery .owl-carousel .product-image-wrap {
    width: 400px;
}
```
Best Regards.
February 3, 2021 at 9:22 am #263474

arminovic
Participant

Thank you its working. Is there a possibility to centre the picture/frame or to move it more right to the description as it is aligned to the left.

Thank you!

February 3, 2021 at 9:39 am #263482

arminovic
Participant

following code is padding the picture to the right, but still bad quality. Is there a perfect solution available?

`{
padding-right:0px width: 400px;
}

February 3, 2021 at 10:16 am #263491
arminovic
Participant
It is working now with following code:
```
.woocommerce-product-gallery .owl-carousel .product-image-wrap {
    width: 400px;
		margin-left: 15%;
		
}
```
February 3, 2021 at 11:38 am #263518

Aizaz Imtiaz Awan
Keymaster

Hello,

We are Glad that you managed to solve the issue by adjusting the CSS. You are Great!!

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.
Author

Posts