Cart page products thumb picture ratio optimize

Hi,

We have trouble to set up the mobile device cart page products thumb pictures ratio, we want 5:7 ratio same as desktop setting up, so that the picture can display full as desktop.

Actually, we already did the set up in the appearance->customize->Woocommerce->Product images-> Images will be cropped to a custom aspect ratio 5:7
But it only works on desktop, not mobile device cart page.

Please help solve.
Appreciate

Attachments:

You must be logged in to view attached files.

Hello,

Sorry to say that I am not able to log in or access the WP backend because you have activated the maintenance mode and the default login URL redirects me to the maintenance page. So please send correct WP admin login URL so I can further check on your site and give you a possible solution.

Best Regards,

Hi, we fixed the login, please try again the link. Thank you!

Hello,

Please add the below Custom CSS code to Theme Settings > Custom CSS > Custom CSS for mobile:

.shop-table-with-img td.product-thumbnail img {
        width: 100% !important;
        height: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        display: block;
        object-fit: cover !important;
    }
    .shop-table-with-img td.product-thumbnail {
        aspect-ratio: 5 / 7 !important;
        height: auto !important;
        overflow: hidden !important;
        border-radius: calc(var(--wd-brd-radius) / 1.5);
    }

Best Regards,

Hi,

I added the css code into the mobile css, but tested not working, the cart items thumb pictures are still not 5:7 aspect ratio. Can you check again? Thank you!

Hello,

I have added the CSS code on your site and it is working fine.

See Screenshot for clarification: https://postimg.cc/6yFMk5yy

Best Regards,

Thank you! It’s working.

Hello,

You’re Most Welcome!

Feel free to write back anytime. If you need further assistance, we are always here to help you.

If you have a minute, we’d truly appreciate your feedback — it helps us improve the product and shape future updates more effectively. We’d love your feedback on our theme: https://tally.so/r/w4l54k

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts