Theme Documentation

Home v1

Home v1 of Unicase is built using Visual Composer. This is a default template with 75% of Content Section and 25% of Page Sidebar Section.Content Section is filled with 9 rows. The Visual Composer Backend editor of the page look like this

Content Section

Row 1

It has one element
Revolution Slider : Here i pasted a Revolution Slider Setting Page image.

Row 2

It has three columns in ratio 1/3 : 1/3 : 1/3.
All the columns has Banner Setting .
Column 1: Click on Add button and add Text Block under Content. Edit the text block and add this code :

<div style="color: #fff; text-transform: capitalize; background-color: #abd07e; text-align: center; padding: 24px 20px 20px 20px;">
    <h1 style="font-size: 28px; font-weight: 100; margin-top: 0;"><i class="fa fa-money" style="padding-right: 10px;"></i> Money <strong>Back</strong></h1>
    <p style="font-size: 14px; text-align: center; letter-spacing: -0.2px;">30 Days Money Back Guarantee</p>
</div>

Column 2: Click on Add button and add Text Block under Content. Edit the text block and add this code :

<div style="color: #fff; text-transform: capitalize; background-color: #ff8787; text-align: center; padding: 24px 20px 20px 20px;">
    <h1 style="font-size: 28px; font-weight: 100; margin-top: 0;"><i class="fa fa-car" style="padding-right: 10px;"></i> <strong>Free</strong> Shipping</h1>
    <p style="font-size: 14px; text-align: center; letter-spacing: -0.2px;">Free Shipping – On above $600.00</p>
</div>

Column 3:Click on Add button and add Text Block under Content. Edit the text block and add this code :

<div style="color: #fff; text-transform: capitalize; background-color: #70c6ed; text-align: center; padding: 24px 20px 20px 20px;">
    <h1 style="font-size: 28px; font-weight: 100; margin-top: 0;"><i class="fa fa-gift" style="padding-right: 10px;"></i> Money <strong>Back</strong></h1>
    <p style="font-size: 14px; text-align: center; letter-spacing: -0.2px;">Sale Up To 35% Off For Dec 2014</p>
</div>

Row 3

It has one element
Product Tabs Carousel : Here i pasted a Product Tabs Carousel Setting Page image.

Row 4

It has two columns in ratio 7/12 : 5/12.
Both the columns has Banner Setting .
Column 1: Click on Add button and add Banner under Unicase Elements. Edit the banner caption and add this code :

<h3>Apple Store</h3>
<h2>Macbook</h2>

Column 2: Click on Add button and add Banner under Unicase Elements. Edit the banner caption and add this code :

<h3>New Trend</h3>
<h2>Watch Phone</h2>

Row 5

It has one element
Products Carousel : Here i pasted a Products Featured Carousel Setting Page image.

Row 6

It has one element
Banner : Here i pasted a Banner Setting Page image.

Row 7

It has one element
Products Carousel : Here i pasted a Products Best Seller Carousel Setting Page image.

Row 8

It has one element
Blog Carousel : Here i pasted a Blog Carousel Setting Page image.

Row 9

It has one element
Products Carousel : Here i pasted a Products Weekly Featured Carousel Setting Page image.

It is a widgetized area and can be populated from Appearance > Widgets > Page Sidebar. In the Page Sidebar Widget drag and drop the following widgets

Custom Menu Widget: Allows you to display categories in your page sidebar. Here Category Menu is designed with two different styles, select the Type of style as you wish.
WooCommerce Products – This includes view for Special Products.
MailChimp Sign-Up Form - This include Newsletter form.
WooCommerce Products – This includes view for Sale Products.
Unicase Products Carousel - This includes view for Hot Deal Products.
Text Widget - This includes view for Advertisement Banner Image.

Here is the video to setup the sidebar in HomePage