If you want to create a custom landing page for your WooCommerce store using a page builder, Total makes it easy.
This guide focuses on customizing the main WooCommerce shop page only. If you’d like to create a custom template for your archives (categories, tags, etc) you can do that too. For detailed instructions, see our article on creating a custom WooCommerce archive template.
Just navigate to Appearance > Customize > WooCommerce (Total) > Shop & Archives and enable the Custom Shop Page option.
Refer to the screenshot below for guidance:
Once you’ve enabled the Custom Shop Page setting, your shop page can be edited like any standard page. This allows you to use your preferred page builder (WPBakery, Elementor, or Gutenberg) to add the elements you want.
If you’re using WPBakery or Elementor, it’s recommended to use the Post Cards element to display your products. You can select from any preset style or create your own custom card.