All the homepage section of Styled Store are widgetize. You can easily drag and drop the widgets on to the sidebar to create homepage as shown here on demo. Here we had list out which are widgets and sidebar are used on homepage.
Widgetizing homepage will allow you to add any number of section. You can alter the section different than demo as per you requirement. And of-course this doesn’t need any technical knowledge to alter position.
SIDEBAR
STEPS
IMAGES FROM DEMO
DESCRIPTION
BANNER SIDEBAR
BANNER SIDEBAR
Here on demo we have use customizer option to show slider on banner sectiion. For this go to Dashboard -> Appearance -> customize -> Homepage Setting -> Hoempage slider setting -> Finally select a category. This will renders featured image, title and tags with link of all product related with category.
If you don’t want to keep theme built in slider you can use any slider, plugin and keep shortcode on the text widgets of Banner sidebar . This will ovewrites the theme slider with slider you created with plugin
HOMEPAGE FEATURED SECTION
HOMEPAGE FEATURED SECTION
You can simple drag st:slider featured products to show featured product on slider format. You will get options to choose number of page and category you wish to display on their.
Here is the screenshot: Screenshot
This will display all the featured product of respective category chosen.
HOMEPAGE SHOWCASE PRODUCT
HOMEPAGE SHOWCASE PRODUCT
You can simply drag ST: showcase product id on to this sidebar . This sidebar gives you two option for placing product id. You can get product id by simple hovering on to product list on product page. This section will helps you to boost up your sale by showcasing most favorite products.
This will display product title, content, and featured image with their add to cart link
HOMEPAGE CATEGORY SECTION
HOMEPAGE CATEGORY SECTION
You can simply drag ST: category list widgets on to this sidebar to showcase all your categories. This widgets comes along with lots of options like
1.Number of product 2. Order product 3.selecting multiple category.
Here is the screenshot: screenshot
This will display all selected category or if category not selected it will display all category. When clicked on any of the category will display all the related product on to it.
PRODUCT OVERVIEW
BEST SALE, TOP RATED, NEW ARRIVAL, FEATURED
You can create product overview section simply by dragging four of our widgets on to Product Overview sidebar. Here we have used following widgets:
1.ST:Best sale products Widgets Features: This widgets comes with features to input number of best sale products to display
2.Woocommece Top Rated Products Widgets Features: This widgets comes with features to input number of best sale products to display.
3.ST:New arrival Products Widgets Features: This widgets comes with features to input number of best sale products to display.
4 ST:Featured Products Widgets Features: This widgets comes with features to input number of best sale products to display. 2.To order product by date, random and Name. 3. Select dropdown to choose category.
Here is the screenshot of backend”
screenshot
Here is the screenshot: screenshot
This will display Best Sale, Top Rated, New Arrival and Featued products.Moreover you can more widgets on this section. If you want to produce column layout please add widgets which comes on single column layout with 25% width of total viewport width.
HOMEPAGE RECENT POST SECTION
HOMEPAGE RECENT POST SECTION
You can drag ST:Recent post slider here on this sidebar to create slider of recent post. This widgets comes along with option to select number of post to show on slider
This will display Most recent blog post with featured image, post title , author name and date.
FOOTER SECTION
FOOTER TOP 1,FOOTER TOP 2,FOOTER TOP 3, FOOTER TOP 4 AND FOOTER TOP 5
Footer top section comes with five footer Top sidebar where you can place any number of widgets, Here on demo we have place following widgets on top sidebar.
1.Footer Top 1: Drag ST:Child category widgets to show child of selected category. This widgets comes with featured to select parent category which indeed will display all the child category.
2.Footer Top 2: Same widgets is used on this sidebar selecting different category
3.Footer Top 3: Same widgets is used on this sidebar selecting different category
4.Footer Top 4: Here you can drag text widgets and can add content as per your requirement.
5.Footer Top 5: Here you can drag text widgets and can add shortocode provided by newletter plugin to place form.
This will display Most recent blog post with featured image, post title , author name and date.