How to Show WooCommerce Products on Home Page in Zerif
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.