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, 7 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

    #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://www.8theme.com/documentation/xstore/woocommerce/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

8theme customization service

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Cosmetics Store – WooCommerce Theme
lazy-placeholder
Zoo Shop – WooCommerce Theme
lazy-placeholder
Corporate – WordPress Theme
lazy-placeholder
Online Courses – WordPress WooCommerce Theme
lazy-placeholder
Sushi Store – WordPress WooCommerce Theme
lazy-placeholder
Yoga Accessories – WordPress WooCommerce Theme
lazy-placeholder
Organic Cosmetics Store – WordPress WooCommerce Theme
lazy-placeholder
Drinks Store – WordPress WooCommerce Theme
lazy-placeholder
Games Store – WordPress WooCommerce Theme
lazy-placeholder
Glasses Store – 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.