Can you ‘force’ image crop when vendors upload products?

Hi there,
I was wondering if it is possible with Woodmart (but could be a Dokan question?) if you can:

1. Force the image size to be portrait for example? So that vendors can take a portait image on their phone and simple upload directly and all images in the shop front are uniform.

2. Do you recommend any tools or setup to ensure images are small in file size / restrict file upload limit? I have webp enforced, but wondered if you had any advice on this one?

Thanks in advance
Julian

And is there a way for the products/buttons to be aligned even if they don’t have reviews, at the moment they all look ‘off’ :https://www.loom.com/i/4d543054d62d43f19dfae6c638a75bf4

Hello,

1- Firstly, as you know the Products come from WooCommerce end and the size of the Product Images are also controlled by WooCommerce through the option of Dashboard > Appearance > Customize > WooCommerce > Product Images. So, for the Products on the Archive pages or on the Vendor Store pages, the Image size will appear the same that you have selected under the defined location.

But to forcefully apply some certain size for the Product Images on the Vendor Store end then you need to first contact the Vendor Plugin Support in this regard if they provide any separate option related to this or not. If there isn’t any option available then alternatively you can try out the following Custom CSS on your Site in this regard, which only be applicable to Vendor Store pages Product Images:

.dokan-store .dokan-single-store .seller-items .products .product-grid-item .product-wrapper .product-element-top a img {
   height: 30em !important;
   object-fit: cover !important;
}

In this CSS, object-fit will make the Product Images to increase and fill-up the area inside the Image container and height will eventually increase their height. You can change the values according to your choice in it. We don’t know what Portrait size is in your mind, so we have just provided the CSS randomly for the height.

Location to paste Custom CSS, go to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section >> paste the CSS.

Hope this helps !

2- Restricting the file size or upload limits are Server end concerns. The Theme doesn’t influence it. You would need to ask your Hosting Provider in this regard, they will guide you through.

3- If you want this sort of effect on your Site: https://woodmart.xtemos.com/theme-settings-tooltips/even-product-grid.gif

Then you can enable the Even Product Grid option under the Theme which can be found under the Dashboard > Theme Settings > Product archive > Product styles > there you can find the option of Even grid for desktop > you can enable that: https://snipboard.io/VEPmoX.jpg

Best Regards

[Author]

Posts