Home Woocommerce setup

[Jane Davies]

Please can you tell me how to set up a home page like your Home Woocommerce demo page, I cannot find any instructions.

[Sushil Adhikari]

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] = 

   

	
	
	 
Shoes

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.

Thanks

[Jane Davies]

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, Jane

[Sushil Adhikari]

Hi there,

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.

Thanks.

[Author]

Posts