reduce image size on product carousel

HI, I need to reduce my product images from 200px to 125px while maintaining the stretched column

Hello,

There is the option to insert the image size in the Product Grid element https://xtemos.com/docs/woodmart/faq-guides/product-grid-carousel-element/

Best Regards

Hi, so there is no option to change the size of images in the carousel option?

Hello,

The carousel is a responsive grid. If you fix image width, the carousel will be broken on tablet and mobile. You can reduce image width by increasing the number of images in a row

Best Regards

Could you explain to me how I can reduce the image width? I can disable it for tablet and mobile.

Regards, Ciaran

Hello,

You can reduce the image size here http://prntscr.com/lkdcc3

You can clone a column and set the different visibility on different devices. https://wpbakery.com/video-academy/control-elements-different-devices-responsive-column-controls/

Best Regards

Hi, when I reduce the image size becomes distorted. Is there any way to change the image size in product carousel?

Hello,

Clean the image size in the grid element and try to set the width in Appearance > Customize > Woocommerce > Product Image. This is the global options and will be applied to all product images in shop page and category page.

The image width actually depends upon the number of elements in the grid and carousel. In any case, the best way to get good images on a grid is to upload images with equal size and proportion.

Best Regards

[Author]

Posts