Now you’ll see a option of Import demo data in your panel. Click on “See library”.
You’ll see a option of Import demo data in your appearance sidebar. Click on the button “Import demo data“. Wait for few minutes, Your demo will be imported successfully.
Site Identity
To display Site logo or site title tagline and site icon on your site.
Logo– Upload a logo image with specific width and height.
Site Title & Tagline – Display site title & tagline in-place of Logo.
Site Title & Tagline Show/Hide – Check on the radio button display site title and tagline.
Site Icon – You can upload a site icon for your browser.
Background
Go to Dashboard > Appearance > Customize > WordPress Default > Background . Using this option you can display image in background or you can pick color for your site background.
Setup Homepage
For creating Homepage on your site follow the below instructions –
Go to Wp Dashboard > Page > Add New > Create a Page.
In the right sidebar of your editor you will see Page attributes > Template. Click on the template and select the option Homepage template. Publish it.
Navigate to Customize panel > WordPress Default > Homepage Settings. In homepage settings. Select the radio button of “A static page” and choose your homepage which you have created as front page.
Container Settings
For Container setting, Go to Appearance > Customizer > Layout > Container.
In container your overall site content will appear. You can manage your overall container by doing the below settings.
Container layout 1 – With Container layout 1, the main body goes with the edge to edge of the browser whereas the content is managed by the container width.
Container Width – You can manage the container width of content & sidebar by scrolling the slider. The Minimum container width is 768 px and Maximum container width is 1920 px.
Container layout 2 – With Container layout 2, the main body is set to a certain width which includes the content, header & footer whereas the container max width can be managed.
Top/Bottom Margin – You can control the Top/Bottom Margin of your site using this option.
For header setting, Go to Appearance > Customizer > Layout > Header.
Above Header
It appears right above the Main header and allows you to show multiple elements. You’ll get one layout. In this layout column you can show elements like social icons, menu, search, Text, Widgets. Here styling can be done using the height, bottom border and border color.
Main Header
In main header your logo and main navigation will be displayed along with Menu.
To show navigation menu in your “header” first set the menus from the dashboard. Go with this link. With Main header setting, you can modify your overall header by adding layout with other content.
Last Menu Item – You can show search icon, social media profile, text, button or widgets as the last menu item.
Bottom Border size – This will add a separation between Main header and Below Header. You can adjust the width by increasing or decreasing the scroll bar or enter the value in text box.
Bottom Border Color – Pick desired color for your “main header” border. It will only appear when you add a border in your header.
Mobile Menu Open – Choose the Mobile menu alignment left. right or center.
Enable Search – This will show your Search icon in your header.
Enable Wishlist, Account and Cart – This will show Wishlist, Account and Cart icon on your Header.
Sticky Header
For sticky header, Go to Customize > Layout > Header > Sticky header. The sticky header will be fixed in the top of your site when you scroll the page. You can easily access the menu from any part of the site. Slide and Fade Animation effect is provided to show your sticky header.
Stick Main Header – This option will enable Sticky Header in your Main header. For enabling this option, check the box.
Page Header
For page header, Go to Customize > Layout > Header > Page Header . With this option you can upload Header image for Inner pages like Blog, shop, contact page.
Blog
For Blog setting, Go to Appearance > Customizer > Layout > Blog. In Blog page you can show collection of post grouped by category, author, date and tag etc.
Blog Post content – In blog post content you can show your full content, No content and Excerpt length. Excerpt length allows you to set content length you want to show in your blog page.
Read More Text – In read more text, put the text you want to display for your Read more button.
Post Pagination – It will provide you Numbered navigation for your blog page.
Note – Go to dashboard > Reading Settings. You’ll see this option their “Blog pages show at most”. Enter the number of posts you want to show on your blog page.
Footer Setting
For this setting, Go to Appearance > Customize > Layout > Footer.
In footer area you can add important content and navigation option of the site. You can add Copyright in below footer (copyright area).
Above Footer
It appears right above the footer widget and allows you to show multiple elements.
You can show elements like social icons, menu, search, Text, Widgets in each layout column. Styling can be done using the height, bottom border and Border color.
Widget Footer
In Footer Widget there are eight different Bottom Footer Layout. You can add unlimited widgets in your footer by selecting the layout.
In Layout 4 – Four column widget area. Widgets will occupy 25% widget area in each column. Other layouts you’ll get with Pro Version.
Note – You’re absolutely free to add unlimited widgets in each widget area. Just click on “Go to Widget” button and add widgets.
Scroll To Top
For Scroll to Top, Go to Appearance > Customize > Layout > Scroll To Top.
You can add back to top button on your site. This button will easily scroll your site to the top of the page in just one click on the button. You can also disable it by checking the box.
Slider Settings
For Slider setting, Go to Customizer > Frontpage > Slider settings .
Slider settings will allow you to add slider images in your site. Just add new slide and upload desired image, Title, subtitle, Text and link.
To show your slider images in Mobile view, enable the responsive slider by checking the box.
If you don’t want slider on your Homepage, Just check the Disable section box.
Product Filter
For Product Filter, Go to Customizer > Frontpage > Product Filter .
With Product Filter you can filter your products by categories. This will make easy for you to show the number of products in each category on Homepage.
From “Choose Categories” set the category you want to show on homepage and set No. of Products To Show.
If you don’t want this section on your Homepage, Just check the Disable section box.
Note – To create category for your product. Go to Dashboard > Product > Categories > Add category.
Ribbon Section
For Ribbon Section , Go to Customizer > Frontpage > Ribbon Section .
In ribbon you can add Background image. Disable or enable the section whenever you want.
Add heading, sub heading, Button Text and button link.
Categories Section
For Categories Section , Go to Customizer > Frontpage > Categories Section .
In Categories Section you can display your categories in slider, just Choose Categories To Show and display them on homepage.
If you don’t want this section on your Homepage, Just check the Disable section box.
Home Shop Setting
For Home Shop , Go to Customizer > Frontpage > Home Shop .
Here you can display your Sort by categories like New arrivals, Featured product, On sale product, Low to high and High to low product in a arranged manner.
You can also display the product categories and set No. of Products To Show.
Disable or enable the section whenever you want.
Instagram Setting
For Instagram section, first Go to Dashboard > Plugin > Add new > Instagram Feed .
1. Navigate to Configure. ( Instagram Feed > Configure )
2. Click on the button (Connect an Instagram Account). You have to login in your Instagram account for getting the token and User Id.
3. After login, your Access Token and user Id will automatically appear in the text area. ( You can add Access token manually too. )
4. Save your changes.
5. You can customize the Instagram section, multiple customization option are there in the customize panel of plugin.
Now Go to Appearance > Customize panel > Instagram section.
For displaying the feed copy and paste the [instagram-feed]. Add heading and link.
You can disable or enable the section.
Global Colors
For Global colors option, Go to Appearance > Customize > Global Colors.
Color Scheme – You can choose Dark or Light scheme for your site. Dark will make your site black in color. Whereas the light will make your site overall White.
Theme Color – You can change the default color all over the site. it will cover color of elements like link, Sale ribbon color, Hover color, etc.
Contact Template
For Contact template option, First you need to Install & activate Lead form Builder plugin then create a Contact form.
Create a page, Go to Dashboard > Pages > Create new page and select Contact template from Page Attributes. After that Navigate to Appearance > Customize > Contact Template.
In contact template, You can add elements like Big heading, small heading, Address, Mobile Number, Email and Working hours. Just add the shortcode of form which you have created using Lead form builder plugin.
Social icon
For adding social profile links, Go to Appearance > Customize > Social icon.
You can show these social icon in the header as well as at the footer. To show social icons just put the links in the text area.
By default it will follow the color scheme but You can also show the “original color” for each social icon.
Preloader
For Pre loader, Go to Appearance > Customizer > Pre Loader.
For enabling the loader, check on the box “Enable loader”. Preloader will be shown when you load or refresh your site. You can upload a GIF or an image as a preloader or you can pick background color instead of image.
WooCommerce
For WooCommerce setting. Go to Appearance > Customize > WooCommerce. . First Setup your WooCommerce. Go to your WP dashboard, Install WooCommerce plugin from WordPress.org and activate it.
In product style, add Product Image Hover Style effect as Zoom or Swap.
Zoom – It is a kind of basic magnify effect on your product, it will zoom out your product while hovering the mouse over it.
Swap – In swap condition your product gallery images will be displayed while hovering or clicking the mouse over the Product. It will exchange the product image and show other images of product which have some different look. For “Product Gallery option” Go to a single product page on the rightmost side you can set your product gallery images.
Quick View
Enable Quick View- By enabling quick view it will add a Quick view badge to the product image and will show a popup on its click instead of redirecting a visitor to the product single page.
Product Box shadow – You can highlight your product with a Shadow in the background. Set product box background shadow by just scrolling the bar or enter the value in the text box.
Product Box shadow on Hover – Set product box on hover shadow by just scrolling the bar or enter the value in the text box. Whenever you hover your mouse on the product it will show a shadow in the background.
Single Product Page
You can set up your single product. For single product, Go to Appearance > Customize > WooCommerce > Single Product Page .
Disable Sidebar in single product page – You can disable or enable sidebar on your single product page.
Product Description Tab – You can Disable or Enable the Product description tab from product single page.
Product Tab Layout – You can show your product short description in horizontal or vertical view in tablet & mobile devices.
Up Sell Product – These are the items that your customer might prefer instead of the product currently viewed. Items which is offered as an up-sell might be more popular, have better profit margin or a higher quality. Check the box “Display upsell product”. If you check this box you can now set the Number of Column and Number of up-selling Product you want to show.
Related Product – Related product are the items which are similar to the product your customer is viewing. Check the box “Display related product”. If you check this box you can now set the Number of Column and Number of related Product you want to show.
Distraction Free Cart page
To Enable distraction free cart page, Just go to Appearance > Customize > WooCommerce > Cart Page and Click on the check box. With this option the menu in the header and the footer of the website disappears from the cart page. You can also set the number of Cross Sell Product to show with columns.
Distraction Free Checkout page
To Enable distraction free checkout page, Just go to Appearance > Customize > WooCommerce > Checkout Page and Click on the check box. With this option the menu in the header and the footer of the website disappears from the checkout page.