Here’s a quick tip for those developing a WooCommerce-based website, particularly if it’s your first time.
Sometimes, after installing WooCommerce into your WordPress installation, and adding a product, you’ll find that the product displays fine if you click ‘View Product‘ on the product edit screen, but if you go to your ‘Shop‘ page, nothing shows.
The solution is to go to the Admin > Settings > Permalinks page and click the ‘Save Changes‘ button. This ensures that WordPress is told about the extra permalink URL structures needed for WooCommerce.
This makes sense if you think about it, since WooCommerce products are simply a WordPress custom post type, and it’s usually necessary to save permalinks after adding a new custom post type in your theme.