Hi princemusondaaa,
Thanks for details.
1. For specialized assistance and potential solutions, I kindly suggest that you reach out directly to the WooCommerce plugin’s support team https://wordpress.org/support/plugin/woocommerce/, who are better equipped to provide you with the guidance you requires or You need to find a third party plugin to achieve more functionality that best suits you.
2. It is due to different heights of images. In order to have the same size image, I kindly recommend you prepare images you want before uploading them to your media library using the graphic editor (Photoshop or any other) to have a nice-looking grid or You need to find a third party plugin to achieve more functionality that best suits you.
For the Product Archive page, please navigate to Theme Settings > Product archives -> Products styles, here you can enable the Even product grid for desktop option to align products if they have different height components.
https://prnt.sc/ASt5z0mmasuz
Please note that this option helps product items to be even, not resizing images.
3. Navigate to Theme Settings > Product Archive > Sidebar > enable the option Off canvas sidebar for mobile https://woodmart.xtemos.com/theme-settings-tooltips/off-canvas-sidebar-for-desktop.gif
OR
You can simply revert the columns https://elementor.com/help/column-overview/
Regards,
Hung PD
.
