Home Forums WoodMart support forum The problem of overly large images on the product page

The problem of overly large images on the product page

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #696728

    2303805254
    Participant

    Hello, developer

    After using the theme on my website, I found that the width of the product images is too large. Could you please help me figure out how to make them look more comfortable

    Also, the height of the thumbnails on the shop page is not uniform. I want to optimize it, but I don’t know how to do it

    https://pic1.zhimg.com/80/v2-b900adff1ef76804fbc553b333604587_1440w.jpg

    #696751

    Hello,

    01. Navigate to Theme Settings > Single Product > Product page layout, You can choose different page layouts depending on the product image size you need: https://postimg.cc/3kmL39XW

    If the issue remains, maybe you are using a Custom Single Product layout, which is built with the WoodMart WooCommerce builder.

    Navigate to Layouts > edit the single product layout and edit layout.

    Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

    02. For the same size in grid products, your images differ in size considerably. Please check this manual and upload the same size of the product images: https://xtemos.com/docs-topic/image-size-and-content-alignment-in-a-product-grid/

    The only way to make the view awesome is to upload images of the same size and proportion.
    WooCommerce allows some settings that you can find under Appearance >> Customize >> WooCommerce >> Product Images.

    You can define the “height” of the shop thumbnails by setting up the width : height aspect ratio in the “Thumbnail cropping” section:

    Custom: In Custom, you can select the aspect ratio of the image.

    Here are some of the popular aspect ratios (1:1, 5:4, 4:3, 3:2, 16:9 and 3:1).

    Uncropped: The height of the image will be untouched. Images will be displayed using the aspect ratio in which they were uploaded: https://ibb.co/6mR6DbD

    For the Product Archive page, please navigate to Theme Settings > Product archives -> Product styles, here you can enable the Even product grid for desktop option to align products if they have different height components.

    Best Regards,

    #697521

    2303805254
    Participant

    Hello,

    I checked the tutorial link you provided and found that the size of the picture I set is consistent with the tutorial, but the picture is still very large

    https://picx.zhimg.com/80/v2-42e4e64646ba6b8b9c10163d16369998_1440w.jpg

    #697593

    Hello,

    Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

    Best Regards,

    #697594

    2303805254
    Participant

    Are you going to log in to the website’s backend to help me make the adjustment? I sincerely hope you can help me solve this trouble. It has affected the progress of my website’s launch.

    Thank you extremely

    #697597

    2303805254
    Participant

    https://woodmart.xtemos.com/shop/other/fashion-flat/wini-dress-top-layer/demo/flat/

    I checked the template of the demonstration website. Their product pages and product catalog pages all looked very comfortable, but the pictures on my website looked really strange

    Attachments:
    You must be logged in to view attached files.
    #697622

    Hello,

    You are using a Custom Single Product layout, which is built with the WoodMart WooCommerce builder.

    Navigate to Layouts > edit the single product layout and edit the layout with Elementor and the container where product gallery added and change the container width.

    Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

    Best Regards,

Viewing 7 posts - 1 through 7 (of 7 total)