IMAGES QUALITY - by luzactual - on WordPress WooCommerce support

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

  • Avatar: nedim
    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

    16 Answers
    Avatar: Olga Barlow
    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

    Avatar: nedim
    luzactual
    Participant
    May 19, 2020 at 17:22

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

    Avatar: Olga Barlow
    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

    Avatar: nedim
    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

    Avatar: Rose Tyler
    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

    Avatar: nedim
    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.

    Avatar: John Holden
    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

    Avatar: nedim
    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?

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    June 4, 2020 at 15:33

    Hello,

    Check now.

    Regards

    Avatar: nedim
    luzactual
    Participant
    June 4, 2020 at 15:57

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

    Avatar: Olga Barlow
    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

    Avatar: nedim
    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

    Avatar: nedim
    luzactual
    Participant
    June 8, 2020 at 15:48

    can you help me please??

    Avatar: Olga Barlow
    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

    Avatar: nedim
    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

    Avatar: Olga Barlow
    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

  • Viewing 17 results - 1 through 17 (of 17 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.