Home › Forums › WoodMart support forum › Can you ‘force’ image crop when vendors upload products? › Reply To: Can you ‘force’ image crop when vendors upload products?
Aizaz Imtiaz Awan
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