Set how to increase the tension of the store image

This topic has 4 replies, 3 voices, and was last updated 3 years, 8 months ago ago by Rose Tyler

  • Avatar: Dang_Duc_Thang
    Đặng Đức Thăng
    Participant
    April 14, 2021 at 16:56

    Set how to increase the tension of the store image

    3 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    April 14, 2021 at 17:12

    Hello,

    Do you want to change the image size on the shop page? Because I don’t understand your question.

    If yes then 1) go to Theme Options > Custom CSS add the below code

    .content-product .product-content-image img {
        width: auto;
    }

    2) Go to Theme Options > WooCommerce > Product images > change the width of the thumbnails.

    We would recommend using high-quality source images (min 600px width) with the same size for all the images to have nice-looking grid on the shop page.

    Regards

    Avatar: Dang_Duc_Thang
    Đặng Đức Thăng
    Participant
    April 14, 2021 at 17:53

    The photo in my store is very blurry.
    but the actual image is very sharp.
    Show me how to set the mode for sharp images

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 15, 2021 at 08:31

    Hello,

    As was mentioned by Olga, use this custom CSS code – http://prntscr.com/11fjw8n
    Also, read this article – https://www.8theme.com/documentation/xstore/woocommerce/product-images/ , set Thumbnails width 345px, and regenerate thumbnails.

    Regards

  • Viewing 4 results - 1 through 4 (of 4 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.