Return to previous page

IMAGES QUALITY - by luzactual - on WordPress WooCommerce support

This topic has 17 replies, 4 voices, and was last updated 4 years, 6 months ago ago by Olga Barlow

luzactual

Participant

May 19, 2020 at 10:50

Hi, i`m uploading high quality resolution of product images, but isn´t showing good, there are blurred. why?

https://prnt.sc/sjk226

#237845 Copied Theme version: 6.3.1

16 Answers

Olga Barlow

Support staff

May 19, 2020 at 13:42

Hello,

Go to Customizer > WooCommerce > Product images > and change the size of the product thumbnails according to the size of your block. Detailed information you can find here https://docs.woocommerce.com/document/fixing-blurry-product-images/

Regards

#237884 Copied

luzactual

Participant

May 19, 2020 at 17:22

hi, i don´t have this option in my woocommerce

#237927 Copied

Olga Barlow

Support staff

May 19, 2020 at 17:44

Hello,

Check mode detailed: Appearance > Customize > WooCommerce > Product images https://gyazo.com/a2b577ad477a9966b6104fa6076de458
https://woocommerce.wordpress.com/2017/12/11/wc-3-3-image-size-improvements/

Regards

#237933 Copied

luzactual

Participant

May 28, 2020 at 10:46

hi i´m checked all this options but is not showing the same size in the images… i don´t know why

https://prnt.sc/spb1z8

#239093 Copied

Rose Tyler

Support staff

May 28, 2020 at 12:28

Hello,

We would recommend you to use a graphics editor and prepare product images (make them the same size) before uploading it to your media gallery.

Regards

#239112 Copied

luzactual

Participant

May 28, 2020 at 17:16

is the same size….i prepared all the images, but it`s change it, it´s not working good.

#239157 Copied

John Holden

Support staff

May 29, 2020 at 05:05

Hi,

You’re using different image sizes https://prnt.sc/spsyl7 https://prnt.sc/spsyw0

Regards,
Hung PD

#239181 Copied

luzactual

Participant

June 4, 2020 at 10:03

hi, ok, now i`m uploading the same image size in all products, but some images still misplaced.
i saw thats happened if you see the page in other dipsotives. Is problem of responsive? why this happenned? how i can make this right?

#239863 Copied

Olga Barlow

Support staff

June 4, 2020 at 15:33

Hello,

Check now.

Regards

#239918 Copied

luzactual

Participant

June 4, 2020 at 15:57

thank you very mucho, now is ok, where was the problem?

#239923 Copied

Olga Barlow

Support staff

June 4, 2020 at 16:04

Hello,

Some of your images were smaller than 300px height, for example, http://luzactual.es/wp-content/uploads/2020/05/vela-punta-torcida-4w-metalarc.png So, I have limited max-height in Theme Options > Custom CSS.

Regards

#239927 Copied

luzactual

Participant

June 8, 2020 at 07:44

hi, i have this problem on mobile devices….i don´t understand why?

https://prnt.sc/svpnas

how can i change this? thanks

#240181 Copied

luzactual

Participant

June 8, 2020 at 15:48

can you help me please??

#240224 Copied
Olga Barlow

Support staff

June 9, 2020 at 21:10
Hello,

Because categories take 2 lines on the mobile device http://prntscr.com/swslsk
Either choose the primary category in the product options http://prntscr.com/swsmjt or add min-height for the categories block using below code
```
@media only screen and (max-width:480px){
    .content-product .products-page-cats {
        min-height: 5ex;
        line-height: 2.5ex;
    }
}
```
Or disable the categories for the shop grid.
Choose the most suitable for you way.

Regards
#240306 Copied
luzactual

Participant

June 16, 2020 at 11:29

HI, I’M TRIED THIS BUT ISN`T WORK WITH SOME PRODUCTS

https://prnt.sc/t0nysg

how can i make this parts short? thanks

#240971 Copied
Olga Barlow

Support staff

June 16, 2020 at 22:33
Hello,

Try the below code
```
.main-products-loop .product, .products-loop .product, .carousel-area .product-slide .product {
    display: flex;
    justify-content: center;
}

.products-loop .ajax-content, .products-loop {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}
.content-product {
    flex-direction: column;
    justify-content: space-between;
    display: flex;
    flex: 1;
}
.content-product .quantity-wrapper {
    margin-right: auto;
	margin-left: auto;
}
```
Regards
#241035 Copied
Viewing 17 results - 1 through 17 (of 17 total)