Home › Forums › WordPress Themes – Premium › Flat Responsive › Home Woocommerce setup › Reply To: Home Woocommerce setup
Hi Jane Davies,
plese follow this steps to make home page like our Home Woocommerce demo page:
1> After you install woocommerce plugin, create a new page and place this shortcode to content area, switching from visual to text buttom in right top corner above content area.
[recent_products per_page="12" columns="4" orderby="date" order="desc"];
Above attribute function as:
per_page = “No of products to show in page”
columns = “No of columns”
Note: If you want to keep this woocomerce page as your home-page, go to dashoboard->setting->reading. Inside reading menu you will find front page display sections, where you need to select your page from “front page dropdown” .You can manage this page from dashboard->appearance->menus as per your requirement.
2> Install Widgetkit plugin.use this link to download: Download Widgetkit: https://www.yootheme.com/widgetkit
3> Go to dashboard and you will be able to find widgetkit menu. Then switch to slideshow menu where you will be able to create different shortcode for image slider.
Note: More on widgetkit please visit
[Youtube tutorial]: https://www.youtube.com/watch?v=El0SWV10a0U
[Theme tutoial] : https://www.styledthemes.com/flat-responsive-setup/387-create-a-slider-like-the-demo-website-using-widgetkit
Note: Shortcode you build for slider image, should to be kept in text widget content area inside Banner Wide sidebar.
3> sidebar top1, top2, top3 and top4 are just below the banner area.
To make as our demo site , you need to place text widget to top1, top2, top3 and top4 sidebar respectively, also place content as your requirement in text widget content area.
Inside text widget you take below example as a reference :
[title] = !shoes_shopping_page [content] =
Note: You can use plugin, which gives you full control on which pages your widgets will appear. For refrence : https://www.styledthemes.com/flat-responsive-setup/378-how-to-show-widgets-on-selected-pages-only
If you face any problem on this issue, then please let us know . We are happy to help you.