How to Show WooCommerce Products on Home Page in Zerif

Important notice: This product is now in maintenance mode and is no longer being actively developed or supported. Updates and bug fixes will not be provided unless they relate to security concerns.

It's really easy to customize WordPress themes, especially Zerif. Before we start this tutorial, please make sure that you're  using a child theme.

In your child theme functions.php file add the following code:

<?php add_filter('widget_text', 'do_shortcode'); ?>

Now, go to Appearance -> Widgets and drag and drop a Text widget in one of section widget area. In the Content box of the Text widgets add the WooCommerce short-code. You can find short-codes here: https://docs.woothemes.com/document/woocommerce-shortcodes/.

For example i have used this shortcode in the Our Team Section Widget. 

[recent_products per_page="4" columns="4"]

and result is:

You can use shortcode according to your need from the link given above.