Default thumb picture ratio change

We have problem to change the theme default thumb picture ratio(1:1) to be our products picture ratio (5:7), we like to change on side cart, cart page, linked swatch, wishlist page, seach pop up and other pages we not found yet.

Also, linked swatch doesn’t show attribute name besides the title. Please advise how to enable it.

Please check attached picture.

Attachments:

You must be logged in to view attached files.

Hello,

01. For the Cart page thumbnail image, you can use the following custom CSS to adjust its size.
Add it under Theme Settings → Custom → Custom CSS:

:is(.woocommerce-cart-form__contents,.group_table) td.product-thumbnail img {
    min-width: 100px !important;
    max-width: 150px !important;
 }

Feel free to adjust the width values (min-width / max-width) based on your design preference.

For the Mini Cart (side cart): Due to its limited width, increasing the image size may break the layout, so it’s not recommended to modify it there.

For the Wishlist Page: Thumbnail sizes are inherited from:
Appearance → Customize → WooCommerce → Product Images
From there, you can set the image dimensions that will apply globally, including the wishlist view.

02. Navigate to Theme Settings -> Shop -> Variable products and enable the “Show selected option name on desktop and tablet” option – https://take.ms/jusG6

Best Regards,

[Author]

Posts