How to customise layout of WooCommerce Plugin. Product Archive page??

I wonder how pages can be edited in the way shown on the attached image links below.

As I would like to provide the same to other websites.

What my shop archive looks like now

What I would like my product archive page to look like

Any help or guidance would be greatly appreciated. Or do I ideally need to purchase the woocommerce commercial lisence plugin