This is a common feature on many of the top eCommerce sites and it can be on yours too for free.
- The list view arranges products in a vertical list and displays the excerpt to give a more detailed overview.
- The grid view is WooCommerce’s default layout for product archives.
You can choose whether grid or list view be set as the default via the Catalog tab of the WooCommerce settings screen.
User selections persist between page loads via a cookie.
We’re using this feature in our Captiva WooCommerce theme, you can see an example of it in use on a product archive page such as this one.
You can grab the WooCommerce Grid/List toggle here.