Return to previous page

Set how to increase the tension of the store image

This topic has 4 replies, 3 voices, and was last updated 3 years 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

    #284235 Copied Theme version: 9846247064618043430621 WooCommerce version: gdg
    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

    #284239 Copied
    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

    #284250 Copied
    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://xstore.helpscoutdocs.com/article/89-product-images , set Thumbnails width 345px, and regenerate thumbnails.

    Regards

    #284291 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Phone Service – WordPress WooCommerce Theme
lazy-placeholder
Lifestyle Blog – WordPress WooCommerce Theme
lazy-placeholder
Designers – WordPress Theme
lazy-placeholder
Boxed Store – WooCommerce Theme
lazy-placeholder
Engineer Store – WordPress WooCommerce Theme
lazy-placeholder
Marseille 02 – WordPress WooCommerce Theme
lazy-placeholder
Headphone Store – WordPress WooCommerce Theme
lazy-placeholder
Pet Shop – WordPress WooCommerce Theme
lazy-placeholder
Mobile Store – WordPress WooCommerce Theme
lazy-placeholder
Ecoenergy – WordPress WooCommerce Theme

See All Templates

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