Hello,
01. Navigate to Theme Settings > Product Archive > Products grid > Shop products view > You can set different view modes for the shop page. “List or Grid”.
02. The layout options shown in your backend are the predefined styles available by default. If you would like a different layout like the one in your screenshot, you will need to use a custom design.
You can create this using Elementor or your preferred page builder by customizing the homepage layout to match your desired style.
03. I have replied to the same question in this thread:
https://xtemos.com/forums/topic/assistance-required-mega-menu-setup-in-woodmart-theme/
Best Regards,