Home › Forums › WordPress Themes – Premium › Flat Responsive › Home Woocommerce setup
- This topic has 3 replies, 37 voices, and was last updated 7 years, 5 months ago by Sushil Adhikari.
November 30, 2015 at 5:14 pm #16853Jane DaviesParticipant
Please can you tell me how to set up a home page like your Home Woocommerce demo page, I cannot find any instructions.December 1, 2015 at 11:04 am #22169Sushil AdhikariModerator
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.
ThanksDecember 1, 2015 at 2:50 pm #22171Jane DaviesParticipant
Thanks, this is great. I have a couple of issues though. I have set the page to be the home page in reading, and selected it as the shop page in WooCommerce, however, when I select the page to show the top1, top2, top3 etc widgets – I can get them to be ‘visible’ as you suggested, but not on the page I am using as the front page and shop page.
The other minor issue is a white dot [list icon I presume] on the slideshow which pushes it to the right.
Many thanks, JaneDecember 3, 2015 at 5:27 pm #16854Sushil AdhikariModerator
1> Please refer this tutorial to fix visbility issue of widgets
[Theme tutorial] :- https://www.styledthemes.com/flat-responsive-setup/378-how-to-show-widgets-on-selected-pages-only .
[You Tube tutorial]:- https://www.youtube.com/watch?v=El0SWV10a0U
2> And for the next issue , could you please share your site URL , So we will be able to provide you a solution as soon as possible.
- You must be logged in to reply to this topic.