Visionary | Document Category

Customizer

Import/ Export settings

All themes of NooTheme share the same theme settings structure so that you can export then import setting from one theme to another one conveniently.

Import Settings: Click Upload button then choose a JSON file (.json) from your computer to import setting to this theme. All the settings will be loaded for preview here and will not be saved until you click button “Save and Publish”.
Export Setting: Simply click Download button to export all your settings to a JSON file (.json). You then can use that file to restore theme settings to any theme of NooTheme.

Custom Code

In this section you can add custom JavaScript and CSS to your site. You Google analytics tracking code should be added to Custom JavaScript field.

WooCommerce

1. Shop Page

Shop Layout: Shop page is also an ideal place to incorporate sidebar. Opt With Right Sidebar or With Left Sidebar to achieve this and as usual, Full-Width makes display of the sidebar inactive.
Shop Sidebar: select a sidebar that exists on the Shop page
Shop Heading: Enter a title here
Heading Background Image: Remove or change the image
Shop Default View Style: The style can be Grid or List
Products Grid Columns: The number of columns is displayed
Products per page: The number of products is displayed on each page

2. Single Product

Product Layout: You can opt the same layout as Shop Page
Related Products Count: The number of related products is shown.

Blog

Making some adjustments in this section will have some impacts on Post list and each post on Blog page

1. Post List

Blog Layout: The layout of Post list is Full-width , With Right Sidebar or With Left Side bar. Choose the first style if you do not want sidebar to be displayed on Blog page. In contrast, the last ones will let sidebar be shown on the page
Blog Sidebar: choose a sidebar that will be shown on Blog page

Heading Title: Enter heading title of Blog Page

Heading Background Image: Upload a heading background image here

Excerpt Length: Excerpt is a short paragraph or an extract taken from the blog post. The number you enter here is corresponding to the number of words included in this excerpt.

2. Single Post

Post layout: You can choose the same layout as Blog layout or choose another style
Post sidebar: Select a sidebar which is shown on single post page
Enable Related Post: Turn this button on to show related posts
Show Post Meta, Show Author`s Bio: Tick these boxes to show Post Meta and Author`s Bio on Single Post Page
Enable Social Sharing: Activate this button to enable social sharing. Then you will enter sharing title and check boxes of social media via which single posts will be shared

Widgets

This section helps you to make changes to sidebars and widgets of Footer, namely, Noo- Footer Column #1,2,3 and 4.

Footer

Footer Style

There are 3 styles which are Default, Style 2 and Style 3
If you are fond of Default style, you will have further options such as:
Footer Color: This option helps you change color of the icon in Footer Bottom Content
Footer Columns: Choose the number of shown columns
Footer Bottom Content: Add HTML content of the Footer Bottom here
Footer Bottom Social: Add social media icons to Footer Bottom

♣ Widgets used to create Default style are Noo About, Noo Information, Noo Instagram and Custom Menu.Refer to this source to learn more about these widgets:

https://nootheme.com/documents/footer-21/

If you are interested in Style 2, you will have extra options like:
Footer Columns: Choose the number of shown columns
Footer Bottom Content: Add HTML content of the Footer Bottom here
Footer Bottom Social: Add social media icons to Footer Bottom

♣ Widgets used to create Style 2 are Noo Mailchimp, Noo Contact Info, Noo About, Noo Information, Noo Instagram and Custom Menu

Refer to this source to learn more about these widgets:
https://nootheme.com/documents/footer-21/

If your interest is Style 3, you will have the following options:
Footer Background Color: Choose a background color for footer
Footer Columns: Choose the number of shown columns
Footer Bottom Content: Add HTML content of the Footer Bottom here
Footer Bottom Social: Add social media icons to Footer Bottom

♣ Widgets used to create Style 3 are Noo Mailchimp, Noo About, Noo Information, Noo Instagram and Custom Menu

Refer to this source to learn more about these widgets:
https://nootheme.com/documents/footer-21/

If your liking is Style 4, you will have these options:
Footer Background Image: Upload a background image here
Footer Bottom Content: Add HTML content of the Footer Bottom here
Footer Bottom Social: Add social media icons to Footer Bottom

♣ Widgets used to create Style 4 are Noo Contact Info.

Refer to this source to learn more about these widgets:
https://nootheme.com/documents/footer-21/

Header

1. Menu Header Style

There are 5 Header Styles:

♣ Style 1

♣ Style 2

♣ Style 3

♣ Style 4
This style has a noticeable feature that you will need to let the mouse hover over menu area so that you can see menu items

♣ Style 5

2. Navigation Bar

NavBar Position: Position of NavBar includes Static Top and Fixed Top. Static Top, in this case, the NavBar does not move. It means that when you scroll down on the page and let the mouse pass the NavBar, you will not see the NavBar displayed on top. However, Fixed Top will allow you to see the NavBar when you scroll down the mouse.
NavBar Link Spacing: You can change NavBar Link Spacing here
Use Custom NavBar Font and Color: Turn on this button to change NavBar Font and Color. Then you can change NavBar Font, Font Size, Link Color, Link Hover Color.
Transform to Uppercase: Tick this box so that Header font will transform into Uppercase.

3. Logo

Visionary allows you to add image file or use text for logo. If turning off Use image for Logo button, you will have options to enter your site name, select logo font from Google font, font size, font color, uppercase for text logo. If turning on this button then you can upload an image and change its height.

4. NavBar Alignment

Navbar height: This option controls height of the navigation bar
Navbar Link Spacing: This one handles space of menu links

Typography

You can customize your Typography settings here. Visionary integrated all Google Fonts. See font preview at Google Fonts

1. Headings

Use Custom Headings Font: Turn this button on so that you will have extra options to change Headings font and color
Transform to Uppercase: If you tick this box, headings such as <h1><h2><h3> will be in uppercase

2. Body

Use Custom Font Body: Turn this button on in order that you can make adjusments to Body font, Font color and Font size

Design and Layout

1. Site Layout

You can set Style & Layout for your site. Visionary is equipped with two layout styles including: Boxed Layout and Fullwidth layout.

If you select Boxed Layout, you will have further options:
Site Width, Site Max Width: these options handle width of the site
Background color, Background Image: If you opt yellow for background, background of your site will be filled with this color. However, when you set up background image, background of the site will be replaced with a new image.
Background repeat: Background Repeat will work effectively if you use patterned background image. When you let the image repeated, its copies will cover the whole background.
Background image attachment: There are two types that are Fixed image and Scroll with site. Fixed image means that when you scroll down on the page, you will still see the background image. Yet Scroll with site does not allow you to do this.
Auto Resize: if you turn on the button, image will appear in the whole background area. Yet, turning off this button will make background image be displayed only in a part of one side. Position of background image in this case may be left top, left center, left bottom, center top, center center, etc of the side. It depends on your choice in Background Image Alignment box.

2. Color

Visionary provides you with 2 colors which are Primary color and Secondary Color. You can select a color for links and various elements of your site

Static Front Page

Settings here are used to set up Home page and Blog page (Choose Home in Front Page and Select Blog in Posts Page)

Site Enhancement

Back To Top Button: Back To Top Button will appear in the right bottom when users scroll down. Enable/Disable as your preference.Enable Page Heading: Page Heading will appear on the header of page. When you enable this option, you will have header background image on blog page, shop page or another page…

Menus

You can create a new menu, change order of items in a formed menu or add items to the menu

Site Identity

Options in Customizer are in charge of appearance of your site. You can control various features of header, footer, font, color, logo, menu, etc here. Remember that any adjustments made by you will become real with the condition that you have clicked Save & Publish button on top.

Tag line: this one reveals a brief description of the site
Site icon is an image viewable in browsers for users to identify your website among many tabs. Please remember that the icon must be square and at least 512px wide and high. See the illustrative image to better understand function of the site icon. After choosing the image , you will click Save and Publish. Then when you come back to your site, you will see an image displayed on the tap of your website. It is clear that by dint of the this icon, you can distinguish your website`s tab from other tabs more easily.

Footer

The Footer is composed of three parts that are Footer Top, Footer Columns or Widget area and Footer Bottom. Notice that Visionary has 3 types of Footer (Default, Style 2 and Style 3). Among these styles, Style 3 is the only one that has Footer Top.
Now you can guess that you will have to use not only Customizer but also Appearance>Widgets to make adjustments to the Footer.
You can see available widgets on the left side and 5 sidebars belonging to Footer: Noo- Footer Top, Noo – Footer Column #1, Noo – Footer Column #2, Noo – Footer Column #3 and Noo – Footer Column #4.

1. Noo-Footer Top♣

Drag Noo Mailchimp widget to this sidebar> Enter texts> Save
Note: In order that Mailchimp section in Footer can work, you will need to carry out these steps firstly: Install Mailchimp For WordPress plugin> Go to General settings of this plugin > Enter API Key > Save change.

Drag Noo Contact Info to this sidebar:

• Heading Image: Enter link of the image
• Background Image: Enter link of the background image
• Sub heading: Enter a subtitle
• Address: enter an address here
• Hot line: Enter a hot line number
• Email: Enter an email address
• Select Contact Form: Select a form you created in Contact Forms section

2. Noo-Footer Column #1

Drag Noo About widget on the left side to this sidebar> Click the triangle icon on the right side> complete options> Save

3. Noo-Footer Column #2

Drag Noo Information on the left side to this sidebar> Click the triangle icon on the right side> complete options> Save

4. Noo-Footer Column #3

Drag Noo Instagram on the left side to this sidebar> Click the triangle icon on the right side> complete options> Save

5. Noo-Footer Column #4

Drag Custom Menu widget on the left side to this sidebar> Click the triangle icon on the right side> complete options> Save
Options of Custom Menu widget:
Title: Enter a title here
Select Menu: Select a menu in the drop-down list (Footer Link). This menu is created in Appearance> Menu
Refer to this link to know how to create a menu:
https://nootheme.com/documents/set-menu-13/

Header

Mega Menu

Visionary equips you with a kind of menu called Mega menu whose sample is placed on Shop page of our demo site. Basically, it has some typical features:

• The first one, a noticeable feature is that Mega menu allows you to organize sub-menus according to columns. Meanwhile, sub-menus are usually arranged in conformity with hierarchy.
• The structure of a mega menu contains Mega menu heading, sub-pages and widget area.
• Mega menu helps icons to be shown next to pages and sub-pages on the Navigation bar

Create A Mega Menu

In order that you can better perceive how to build a Mega menu, we will opt Shop page in which Mega menu is created. Please follow these steps:

Step 1: Navigate to Appearance > Menus > do the same steps mentioned in Set up menu to obtain structure of the mega menu on Shop page as in the image

Step 2: Click the triangle icon on the right of Shop pages item then it will expand into many options like:

Navigation label: name of the parent page (Shop page)

Icon: you can select an icon of the page and change size, color and position of the icon here. Click the arrow icon to opt an icon and click the stick icon to make alternations to the icon.

Enable Mega menu: ticking this box allows display of megamenu

Mega menu column: This option has a drop-down list of different numbers of columns shown in Mega menu area. The number varies from 2 to 6. On our demo site, this number is 4.

Hide Mega menu heading: Check this box if you want to hide Mega menu heading. In our demo, Shop pages item is considered to be a Mega Menu heading. When you choose option of hiding mega menu heading, Shop pages title will automatically disappear on Mega menu area

Step 3: Regarding Shop Page item, it is a Custom link. Therefore, you also have common options like URL, Navigation, Title Attribute and Icon. Besides, you will have an extra option named Mega Menu Widget Area which contains a drop-down list. Thus, you will have to opt Select Widget area whereas the remaining options in this drop-down list will make Shop pages item become a widget area.

Step 4: As for sub-pages like Wishlist, My account, Cart and Checkout, you only need to modify three options which are Navigation Label, Title Attribute and Icon.

Step 5: Mega 2, 3 and 4 constitute the widget area of Mega menu. Therefore, before making any changes to options included in these three items, please assure that you created sidebars and widgets corresponding to them:

We have three sidebars: Menu Sidebar One, Menu sidebar Two and Menu Sidebar Three.

Learn more about creating sidebars:
Sidebars & Widgets

Next, navigate to Appearance > widgets > drag WooCommerce Products widget to Menu One, Menu Two and Menu Three. Click the triangle icon then you will have further options like Title, number of products to show, Show (All products, Featured products, On-sale products), Order by(Date, Price, Random and Sales), Order (Descending or Ascending), Hide Free Products, Show Hidden Products.
Learn more about adding widgets to a sidebar:
Sidebars & Widgets

Similar to Shop Page item, Mega 2, 3 and 4 are Custom links; therefore, you will also have options like URL, Navigation label, Title Attribute, Icon and Mega Menu Widget Area. In the drop-down list of Mega Menu Widget Area, opt Menu Sidebar One, Menu Sidebar Two and Menu Sidebar Three to Mega 2, 3 and 4

Step 6: Click Save Menu

Set Up Menu

Follow these steps so that menu items can be shown in Header

Step 1: Navigate to Appearance–> Menu section of your admin sidebar.
Step 2: Click the Create A New Menu link to make a new menu. Enter the name then click the Create Menu
Step 3: To add menu item, select one of your created pages on the left hand side and click the Add To Menu button. You can also add different posts from the left side.
Step 4: To add a custom menu item, enter a custom name and link into the Links box.
Step 5: Manage your menus by using the drag and drop functionality. To create a dropdown menu in Menu Structure, simply drag a menu item on the left side to the area on the right side.
Step 6: After setting up your menu, scroll down to the bottom of the page to assign the menu on the Theme Location box.
Step 7: Once It’s all done, make sure you click Save Menu.

Now returning to the site, you will see the menu shown on the header like this:

Yet when you see the header on our demo site:

You can wonder yourself “why is the header of my site different from that of your site?”.To achieve such design, refer to this link:

Header Customizer

An Introduction To Header

Perhaps Header is the first place visitors look at when they go to your site. The first impression is always important; therefore, if the Header can convey your message to users, that is very great! The simple message given to them can be an understandable and clear menu or an amazing and eye-catching design of the header or diversified header styles of your site also make the most choosy customers feel satisfied.
In the most essential respect, a header should contain 2 parts which are menu area and logo

Here is structure of sections in Header, which will help you to acquire essential knowledge of building a Header. In terms of an striking and personal Header, I suppose that it depends on your creativity:))
♦ Set up Menu
♦ Customize Header

Import demo data

Import Demo Data

To import demo data, please go to Noo settings> Tick all three boxes to import Post, Nav Menu and Comment> Let the mouse hover over Visionary > Click Install Demo button

You can watch this video to learn more about importing demo data of Visionary:
Import Demo Data – Visionary

Installation

Update Theme

Automatic Update

Only by carrying out steps on Envato market and in Admin Panel > NOO settings > Quick Setup can you update the theme automatically:

Step 1: Hover over username then choose Download
Step 2: Select “License certificate and purchase code”
Step 3: In Admin Panel, choose NOO settings > navigate to Quick setup tab > Enter code into License key
Step 4: Save changes

♣ Note: When a new version of the theme is released, you will go to Appearance> theme> there will be a message notifying you to update the theme automatically > Click Automatic Update

Requirement For Visionary

To use Visionary theme, you must be running WordPress 3.6 or higher, PHP 5.6 or higher, and MySQL 5 or higher. Follow below checklist to ensure your host can work well with Visionary theme:

Your web host has the minimum requirements to run WordPress.
They are running the latest version of WordPress.
You can download the latest release of WordPress from official WordPress website.
You did create best secure passwords FTP and Database.

Download Theme Package

After purchasing our theme from Themeforest, you will need to download theme package for your use. To download the package, please login to your Themeforest account, navigate to “Downloads”, click the “Download” button in the left of the theme, choose “All files & documentation” to download our theme package to your computer. The theme package includes:

Visionary Theme File: Includes noo-visionary.zip file that consists of everything you need to install the theme.
Document Folder: Includes Visionary Documentation file that helps you get to know about Visionary and guides you to build your site with our theme.
Licensing Folder: Includes the licensing files of Themeforest purchase.

Wordpress Information

Before installing this theme, please make sure you have a working WordPress version already installed. For further guide to install WordPress, please find in useful links below:

WordPress Codex: General info about WordPress and how to install your server.
Instructional Video: How-To video created by Woo Themes
First Steps With WordPress: Multiple topics about WordPress.
FAQ New To WordPress: Popular FAQs about WordPress.

Preface

Firstly we would love to send our great thanks to you for purchasing Visionary. This documentation covers almost everything to guide you step by step to have your site on air. We encourage you to read all sections thoroughly before you go on. If you still have to cope with any problem around, get our quick support at NooTheme Support Center.

Thanks again and enjoy building your website with Visionary.

Pages

Page Template

We have built some specific page templates for you. Here is the list and their short description:
•Full- width Template: This template is set to be full-width that can be used for Homepage, About Us….Most of our demo pages use this kind of template.
• Default Template
• Page With Left or Right Sidebar: This template is used for page on which sidebar is displayed.

Page Settings

When you create a new page, you will have options to change elements of Header :
Show heading: Tick this box so that the heading can be shown

Menu style: Choose one menu style in the drop-down list or you can select the option of Using Menu Style in Customizer

Footer Style: Choose one footer style in the drop-down list or you can select the option of Using Footer Style in Customizer

Header setting: there is a drop-down list containing Header types to select

Menu Logo: Upload a Logo image

Navbar Position: There are 3 options that are Use Navbar Position in customizer, Static Top and Fixed Top.
Static Top, in this case, the NavBar does not move. It means that when you scroll down on the page and let the mouse pass the NavBar, you will not see the NavBar displayed on top. However, Fixed Top will allow you to see the NavBar when you scroll down the mouse.

Home Slider: tick this box to enable Home Slider which will be shown on the top of the site

♣ Note: In spite of what you set up in Customizer, all options in Page settings will always be prioritized

Create A New Page

Please follow these steps to create your pages:

Step 1: In Admin Panel, choose Page, click “Add New” on top then enter your page title. You can custom slug of the page in Permalink field appeared after entering title.

If you need to know more about Pages in WordPress, use the Help tab in the upper right of your screen.

Step 2: In Page Attributes box on the right side, choose your Parent page. It is set by default as no parent. Pages are usually ordered alphabetically, but you can choose your own order by entering a number in Order field.
Step 3: Also in Page Attributes box, choose your Page Template in dropdown list.
Step 4: Start editing your page content in the editing field. You can choose to edit your content using Visual or Text editor. To build content for you page you will need to our provided Shortcodes.
Step 5: Make other settings for the page in meta-boxes under editing field. Once you get your settings done, click Publish.

Next, we will introduce you elements or short codes used to build each page

Note:

After editing any sections in an element setting, please click Save changes button and then Publish/Update button.

We instruct you to create shortcodes in pages so that your pages will be exactly similar to those on our demo site. Yet, it is up to you to make adjustments to settings of elements. By virtue of this creative action, your site will become special 🙂

Contact Us Page

Here are images of shortcodes used to create Contact Us Page

1. Red Row 1

♣ It has a Row shortcode whose style is 2 columns
♣ The first one contains a Single Image shortcode
♣ The second one includes a Contact Form 7

2. Red Row 2

♣ It has a Row shortcode whose style is one column
♣ The column contains a Noo Map shortcode
Latitude/ Longitude: Enter latitude/ longitude of the place you want to show on the map
You will go to this site http://www.latlong.net/ and enter name of place. After that, it will show you longitude and latitude of the place.
Icon Map: Choose a Map Icon
Title: Enter a title here
Description: Give a short description
Location: Enter a location here
Email: Enter an email address
Phone: Enter a phone number here
Website: Enter a website

Blog Pages

1. Blog Page

To build this page, you only need to enter title of the page and click the Publish button. After that, you will carry out one further step: Navigate to Settings>Reading> opt Blog in Posts page section> Save changes.“Why does this page not have any shortcodes but it will still contain content when the page is exhibited on the site?”You may be intrigued by this question. The reason is that you decided on Blog in above-mentioned Posts Page section. In this case, it takes all the latest blog posts originating from Posts in Admin Panel.

2. Blog Mansory Page

This page contains 2 shortcodes which are Row and Noo Blog Mansory
Data source: Select a source from which data is taken
Categories: Choose categories which will be shown
Order By: This option controls the display order of posts based on Recent First, Older First, Title Alphabet or Title Reversed Alphabet
Choose Style pagination: There are 2 styles which are Default and Infinite Scroll
Load More Icon: This option allows you to select a loadmore icon used to load blog posts
Posts per page: This option places a limit on the number of posts shown per page
Excerpt: The number you enter here is equal to the number of words included in an excerpt

3. Blog List 1 Page

Two shortcodes used in creating this page are Row and Noo Blog List
Data Source: select a source from which data is taken
Categories: Choose shown categories in the drop-down list
Order By: This option controls the display order of blog posts based on Recent First, Older First, Title Alphabet or Title Reversed Alphabet
Posts Per Page: this one restricts the number of posts shown per page
Excerpt length: The number you enter here is equal to the number of words included on an excerpt

About Page

Here are images of shortcodes used to create About Page

1. Red Row 1

♣ It has a Row shortcode whose style is 2 columns
♣ The first one contains a Noo About shortcode
Choose style: There are 2 styles.

1. Style One

2. Style Two

Title: Enter a title
Short Title : Enter a short title here
Attach: Enter texts
Content: Add a paragraph

♣ The second one contains a Single Image shortcode

2. Red Row 2

♣ It has a Row shortcode of which style is 2 columns
♣ The first one includes a Single Image and a Progress Bar

♣ The second one contains a Noo About shortcode 6. Noo About

3. Red Row 3

♣ It has a Row shortcode whose style is one column
♣ The column comprises a Noo Title 9. Noo Title and a Noo Member 7. Noo Member

Row settings

4. Red Row 4

♣ It has a Row shortcode whose style is 4 columns
♣ Each column contains a Noo Counter shortcode 10. Noo Counter

Row settings

5. Red Row 5

♣ It has a Row shortcode whose style is one column
♣ The column contains a Simple Testimonial shortcode
Upload Image: Upload an image here
Name: Enter name of the person who gives the testimonial
Position: Enter position of that person
Description: Give a short description here

Row settings

6. Red Row 6

♣ It has a Row shortcode whose style is one column
♣ The column contains a Noo Partner shortcode 12. Noo Partner

Portfolio Pages

1. Portfolio Page

There are 2 shortcodes used to create this page. They are Row and Noo Portfolio

Noo Portfolio settings
Style Portfolio: There are 3 portfolio styles

1. Portfolio Masonry

2. Portfolio Grid

3.Portfolio Creative

Project columns: The number of shown columns fluctuates between 2 and 4
Choose categories: Select shown categories
Order By: Choose display order of portfolios based on Recent First, Older First, Title Alphabet or Title Reversed Alphabet
Limit: The maximum number of portfolios is shown
Choose pagination: There are 3 choices which are No pagination, Infinite Scroll and Ajax button
Load More Icon: This option allows you to select an icon used to load portfolios

Row settings

2. Portfolio 2 Page

This page has the same shortcodes used for Portfolio 2 Page. Yet, the style will be Portfolio Grid instead Portfolio Masonry

Home Shop 2 Page

Here are images of shortcodes used in creating Home Shop 2 Page

1. Red Row 1

♣ It has a Row shortcode whose style is one column
♣ The column contains a Revolution Slider shortcode

2. Red Row 2

♣ It has a Row shortcode whose style is 4 columns

Column settings

Column 1

Column 2

Column 3

Column 4

♣ The first column contains a Single Image shortcode
♣ The second one includes a Noo Product Banner shortcode 20. Noo Product Banner
♣ The third one comprises a Single Image shortcode
♣ The fourth one contains a Single Image shortcode

3. Red Row 3

♣ It has a Row shortcode whose style is one column
♣ The column contains a Noo Product shortcode 17. Noo Product

4. Red Row 4

♣ It has a Row shortcode whose style is one column
♣ The column contains a Noo Product shortcode 17. Noo Product

5. Red Row 5

♣ It has a Row shortcode whose style is one column
♣ The column comprises a Noo Product Banner shortcode 20. Noo Product Banner

Row settings

6. Red Row 6

♣ It has a Row shortcode whose style is 4 columns
♣ Each column contains a Services shortcode 14. Services

7. Red Row 7

♣ It has a Row shortcode whose style is 3 columns
♣ Each column contains a Noo Product Small List
Button name: Give a name to the button
Choose categories: select shown categories
Order By: This option handles the display order of products based on Recent First, Older First, Title Alphabet or Title Reversed Alphabet
Limited: The maximum number of products is displayed

8. Red Row 8

♣ It has a Row shortcode whose style is one column
♣ Each column contains a Noo Testimonial shortcode 5. Noo Testimonial

Row settings

9. Red Row 9

♣ It has a Row shortcode whose style is one column
♣ The column contains a Noo Blog Grid shortcode 3. Noo Blog Grid

Home Shop 1

Here are images of shortcodes used to create Home Shop 1

1. Red Row 1

♣ It has a Row shortcode whose style is one column
♣ The column contains a Revolution Slider

2. Red Row 2

♣ It has a Row shortcode whose style is 2 columns
♣ The first column contains a Noo Product Banner
Noo Product Banner settings:
Select Style: There are 2 styles which are Style 1 and Style 2.
Image At Top Banner: You can upload an image which is on top of the banner
Title: Enter a title here
Sub Title: Enter a subtitle
First Button, Second Button: These options will only be available when you are partial to Style 1. Enter title and URL of the buttons
Button: This one will be available if you choose Style 1
Column settings:

♣ The second one comprises a Single Image shortcode

Column settings:

3. Red Row 3

♣ It has a Row shortcode of which style is 2 columns
♣ The first column contains a Single Image shortcode

♣ The second column includes 2 Row shorcodes. Style of these Rows is 2 columns. Each column contains a Single Image shortcode

Display of Red Row 3 on Home Shop 1 Page

4. Red Row 4

♣ It has a Row shortcode whose style is 3 columns
♣ Each column comprises a Noo Product Lookbook
Image of Model: Upload an image of model
Click + icon to add sections. Each section contains the following options:
Position:
Select Show Style: There are 4 display styles which are
1.Top To Bottom: on the site, when you let the mouse hover over the + icon, title and description will be shown above the + icon.
2. Bottom To Top: on the site, when you let the mouse hover over the + icon, title and description will be shown below the + icon.
3. Left To Right: on the site, when you let the mouse hover over the + icon, title and description will be shown on the left side of the + icon.
4. Right To Left: on the site, when you let the mouse hover over the + icon, title and description will be shown on the right side of the + icon.

Title: Enter a title here
Description: Give a short description here

5. Red Row 5

♣ It has a Row shortcode whose style is one column
♣ The column contains a Noo Product shortcode 17. Noo Product

6. Red Row 6

♣ It has a Row shortcode of which style is one column
♣ The column includes a Noo Product Banner shortcode 20. Noo Product Banner

Row settings

7. Red Row 7

♣ It has a Row shortcode whose style is one column
♣ The column comprises a Noo Blog Grid shortcode 3. Noo Blog Grid

Home Business Page

Here are images of shortcodes used to create Home Business Page

1. Red Row 1

♣ It has a Row shortcode whose style is one column
♣ The column contains a Revolution Slider shortcode (choose a slider that you created in Slider Revolution to show on Home Business Page)

2. Red Row 2

♣ It has a Row shortcode whose style is one column
♣ The column comprises a Raw HTML shortcode

3. Red Row 3

♣ It has a Row shortcode whose style is one column
♣ The column comprises a Noo Title shortcode
9. Noo title

4. Red Row 4

♣ It has a Row shortcode whose style is 4 columns
♣ Each column comprises a Services shortcode 14. Services
14. Services

5. Red Row 5

♣ It has a Row shortcode whose style is one column
♣ The column contains a Noo Custom Link shortcode
Noo Custom Link settings:
Style: There are 2 styles which are Style 1 and Style 2
Import Name: This option will only be available if you select Style 2

6. Red Row 6

♣ It has a Row shortcode whose style is one column
♣ The column comprises a Noo Title shortcode 9. Noo Title

7. Red Row 7

♣ It has a Row shortcode whose style is one column
♣ The column includes a Single Image shortcode and a Row shortcode whose style is 3 columns
♣ Each column contains 2 Services shortcode 14. Services

Row settings

Display of Red Row 7 on Home Business Page

8. Red Row 8

♣ It has a Row shortcode of which style is one column
♣ The column contains a Noo Title 9. Noo Title

9. Red Row 9

♣ It has a Row shortcode whose style is one column
♣ The column includes a Noo Portfolio 15. Noo Portfolio

10. Red Row 10

♣ It has a Row shortcode whose style is one column
♣ The column contains a Raw HTML

11. Red Row 11

♣ It has a Row shortcode whose style is one column
♣ The column comprises a Noo Title shortcode 9. Noo Title

12. Red Row 12

♣ It has a Row shortcode whose style is 2 columns
♣ The first column contains a Single Image shortcode
♣ The second one contains a Noo FAQ 16. Noo FAQ

13. Red Row 13

♣ It has a Row shortcode whose style is 6 columns
♣ Each column contains a Noo Counter shortcode
Noo Counter settings:
Choose style: There are 2 styles which are Counter Color and Icon Image.
Choose Color: This option will be available if you opt Counter Color Style
Icon Image: this option will be incorporated if you opt Icon Image
Import Number: Input a number
Title: Enter a title here
Show Border Left: Tick Yes box to show Border on the left side

Row settings

14. Red Row 14

♣ It has a Row shortcode whose style is one column
♣ The column contains a Noo Testimonial 5. Noo Testimonial and a Noo Partner
Noo Partner settings:
Limited Post Slider: The maximum number of Partner images is shown
Upload Images: Upload images of partner
Custom Links: Enter link of all Partners. These links are separated by Enter
Custom Link Target: These links can be opened in the same window or in a new one
Auto Play: Choose Yes or No

15. Red Row 15

♣ It has a Row shortcode whose style is one cloumn
♣ The column contains a Noo Title 9. Noo Title

16. Red Row 16

♣ It has a Row shortcode whose style is one column
The column comprises a Noo Member shortcode

Order By: This option controls display type of Members. There are 3 kinds:

1. Slider

2. Slider 2

3. Grid

Categories: Select shown categories
Order By: This option handles display order of members based on Recent First, Older First, Title Alphabet or Title Reversed Alphabet
Posts Per page: The number of posts is displayed per page

17. Red Row 17

♣ It has a Row shortcode whose style is one column
♣ The column comprises a Noo Custom Link shortcode 19. Noo Custom Link

18. Red Row 18

♣ It has a Row shortcode whose style is one column
♣ The column includes a Noo Title shortcode 9. Noo Title

19. Red Row 19

♣ It has a Row shortcode whose style is 3 columns
♣ Each column contains a Price Table shortcode 13. Price Table

20. Red Row 20

♣ It has a Row shortcode whose style is one column
♣ The column comprises a Noo Blog Slider shortcode
Noo Blog Slider settings:
Heading: Enter a heading
Title: Enter a title
Data source: Data can be taken from Category, Tags or Posts
Categories: Choose categories which will be shown
Order By: This option handles the display order of posts based on Recent First, Older First, Title Alphabet or Title Reversed Alphabet
Posts Per Page: The maximum number of posts is displayed per page
Auto Play: choose True or False
Excerpt Length: The number you enter here is equal to the number of texts included on an excerpt.

21. Red Row 21

♣ It has a Row shortcode of which style is one column
♣ The column includes a Contact Form 7

Row settings

22. Red Row 22

♣ It has a Row shortcode whose style is one column
♣ The column includes a Raw HTML

Home Page

Here are images of shortcodes used to create Home Page

1. Red Row 1

♣ It has a Row shortcode whose style is one column
♣ The column contains a Revolution Slider shortcode. You will choose a slide shown on home page you created in Slider Revolution

2. Red Row 2

♣ It has a Row shortcode whose style is one column
♣ The column comprises a Noo Title shortcode
Choose Style: There are 2 styles that are Center and Left. This option handles position of texts in Attach and Title sections

1. Center

2. Left

Attach: Enter some texts here
Title: Enter a title here
Description: Enter a short description

Row settings

3. Red Row 3

♣ It has a Row shortcode whose style is 2 columns (1/2+1/2)
♣ The first column comprises a Single Image shortcode

♣ The second one contains 4 Services shortcodes
Service Settings:
Style Services: There are 5 styles that are Style One, Style Two, Style three, Style four and Style five.
Style One: you will have an option to choose an icon

Style Two: You will have an option to upload an icon image. This style has a special feature that font color of texts is white and they are invisible; therefore, you will firstly find it surprising when you do not see texts

Style Three: although this style also allows you to upload an icon image, its display is different from Style Two. Its texts will be visible

Style Four: If you choose this style, you will have an extra option to enter a number.

Title: Enter a title here
Description: Give a short description here

Display of Red Row 2 and Red Row 3 on Home Page

4. Red Row 4

♣ It has a Row shortcode whose style is 4 columns
♣ Each column contains a Noo Counter shortcode
Noo Counter settings:
Choose Style: There are 2 styles which are Icon Image and Counter Color. The first style allows you to upload an icon image while the second one give you an option to select a color

Import Number: Enter a number here
Title: Enter a title here
Show border left: Tick Yes box to show a border on the left of the first icon

5. Red Row 5

♣ It has a Row shortcode whose style is one column
♣The column contains a Noo Title shortcode 9. Noo Title

6. Red Row 6

♣ It has a Row shortcode whose style is 2 columns
♣ The first one comprises a Noo FAQ
Noo FAQ settings:
This shortcode is used to show Accordion style. You will click + icon to add sections. Each section contains the following options:
Open FAQ: You can select Hide or Show Description
Upload Icon: Upload an icon here
Title: Enter a title here
Description: Give a short description

Hide

Show

♣ The second one contains a Single Image shortcode

7. Red Row 7

♣ It has a Row shortcode whose style is 2 columns
♣ The first column contains nothing
♣ The second one includes a Raw HTML shortcode

♣Row settings

8. Red Row 8

♣ It has a Row shortcode of which style is one column
♣ The column contains a Noo Title shortcode 9. Noo Title

9. Red Row 9

♣ It has a Row shortcode whose style is one column
♣ The column contains a Noo Portfolio shortcode
Noo Portfolio settings:
Style Portfolio: There are 3 styles that are Portfolio Masonry, Portfolio Grid and Portfolio Creative
Choose Category: Select categories which will be shown
Order By: This option determines the display order of portfolios based on Older First, Recent First, Title Alphabet or Title Reversed Alphabet
Choose Pagination: There are 3 choices which are No Pagination, InfiniteScroll and Ajax Button. When you choose the second or third one, there will be a further option called Load More Icon used to load portfolio items

10. Red Row 10

♣ It has a Row shortcode whose style is one column
♣ The column contains a Raw HTML shortcode

11. Red Row 11

♣ It has a Row shortcode whose style is one column
♣ The column comprises a Noo Title shortcode 9. Noo Title

12. Red Row 12

♣ It has a Row shortcode whose style is 3 columns
♣ Each column contains a Price Table shortcode
Price Table settings:
Choose Style: You can select Style 1 or Style 2.
If you are partial to Style 1, you will have an extra option called Background Header. Meanwhile, this option will not exist if you select Style 2
Title: Enter a title here
Price: Enter a price here
Time For Price:
Button Link: Enter link of the button here
Button name: Give a name to the button
Button Color: There are 3 choices which are Color Default, Color One and Color Two.

♣ Row settings

13. Red Row 13

♣ It has a Row shortcode of which style is one column
♣ This column contains a Noo Testimonial shortcode
Select Style: There are 2 styles which are Style 1 and Style 2

Style 1

Style 2

Heading: Enter a heading
Sub heading: Enter a sub heading
Upload Image: Upload an image here
Posts per page: The number of testimonials is shown
Auto Play: Choose Yes or No to enable or disable Auto Play

Row settings

14. Red Row 14

♣ It has a Row shortcode whose style is one column
♣ The column contains a Noo Blog Grid shortcode
Noo Blog Grid settings:
Style: there are 3 styles which are Style 1, Style 2 and Style 3

Style 1

Style 2

Style 3

If you select Style 1, you will have an extra option to enter a URL
Heading: Enter a heading here
Title: Enter a title here
Description: Give a short description here
Data Source: Choose source from which data is taken
Categories: Choose categories which are shown
Order By: This option handles the display order based on Recent First, Older First, Title Alphabet or Title Reversed Alphabet
Posts Per Page: The number of posts is displayed
Excerpt Length: The number you enter here is equal to the number of texts included in an excerpt

15. Red Row 15

♣ It has a Row shortcode whose style is one column
♣ The column comprises a Noo Mailchimp
Noo Mailchimp settings:
Title: Enter a title here
Description: Give a short description here

Note: In order that Noo Mailchimp can function properly, you will need to install and activate Mailchimp For WordPress plugin. Then you will paste these codes into Admin panel> Mailchimp For WordPress> Forms> Fields:<div class="mc_footer">
<input type="email" name="EMAIL" placeholder="Enter your email" required />
<input type="submit" value="subscribe" />
</div>

Row settings

♣ Note:
To set a home page to be front page, you will go to Settings> Reading> tick A static Page box> choose a front page in the drop-down list> Save changes.

Post Types

Usually, the theme only has a type of post called Blog post. However, hardly have you activated NOO Visionary Core plugin when you have 3 further kinds of post. So now the number of post types is 4, namely Blog post, Team Member, Testimonial and Portfolio.

1. Blog Post

It is obvious that blog posts will be shown on Blog page In Admin panel, please go to Posts. You can see subordinate parts like All posts (to see all created posts), Add New (to create a new post), Categories (to classify posts) and Tags (to classify posts but in a more specific way, tags can be keywords that are indicated in a post). When you intended to create posts, you had surely thought of generating all categories for posts. So we will begin with building categories:Adding a new category is very easy: enter name of category and click on Add New Category button.

Add A New Post
Step 1: Enter title and content of the post.
Step 2: Now turning to the right side, you will complete some sections such as Format, Categories, Tags and Featured image.
Step 3: Remember to click Publish to complete creating the post.

2. Testimonial

Testimonials are shown in testimonial section of Home pages

Add a New Testimonial Category
You will go to Testimonial> Testimonial category> Enter name of the new category> click Add New Testimonial Category

Add A New Testimonial

Step 1: You will go to Testimonial> Add New> Enter title and content
Step 2: Complete Testimonial options like your image, your name and your position. On the right side, you will choose a testimonial category
Step 3: Click the Publish button

3. Team Member

Team Members are shown on About page

To add a new team member category, you will go to Team Member> Categories> Enter name of team member> Click Add New Category

Add A New Team Member

Step 1: Go to Team Member> Add New
Step 2: Enter title> complete member information (Image, name, position and Description) and Social Media Data> on the right side, you will choose a team member category
Step 3: Click on Publish button

4. Portfolio

Portfolios will be shown on Portfolio pages

Add A New Portfolio Category

Go to Portfolio> Portfolio Categories> Enter name of the new category> click Add New Category

Add A New Portfolio

Step 1: Go to Portfolio> Add New> Enter title and content
Step 2: Complete Portfolio options such as Gallery (upload images), Client, Date, Location, Technology, Button Link and Button name. On the right side, you will choose a Portfolio category and upload a featured image
Step 3: click on Publish button

Sidebars & Widgets

Visionary allows you to create an unlimited number of sidebar. Each page or post can come with a unique sidebar. To select a sidebar for post or page, make sure you set page template with sidebar . You may need to create several separate sidebars to use for different pages and posts. Follow these steps to generate a sidebar and add widgets to it.

Create A Sidebar

Step 1: Navigate to Appearance–> Sidebar Generator and click the Add New button, enter sidebar title then save. You can add as many sidebars as you need.
Step 2: Once you are done, you need to add Widgets to the sidebar you just created.
Step 3: Navigate to Appearance–> Widgets and find your sidebar on the right side.
Step 4: On the left hand side you will see all the widgets you can use, simply drag and drop the widget you want into your sidebar on the right hand site.
Step 5: Make sure you click Save to save the widgets added to your sidebar

Add Widgets To A Sidebar

You can add any widget and any number of widgets to your sidebar. All widgets are accessible from Appearance–>Widgets and easily dragged and dropped to your sidebar.
Step 1: Navigate to Appearance–> Widgets to access the list of widgets and widget section that they can be added. The left hand side shows all the widgets you can use. The right hand side shows all different sections you can add widgets to.
Step 2: Simply drag and drop the widget you want into the widgets section you want the right hand side.
Step 3: Don’t forget to click save changes after you customize any widget in sidebar.

The image above illustrates two sidebars that are Shop Sidebar and Main Sidebar

1. Shop Sidebar

This sidebar is displayed on the Shop page.
Drag Woocommerce Product Search, Woocommerce Product categories, Woocommerce Product Filter, Woocommerce Product, Text and Woocommerce Product Tags on the left side to this sidebar> click the triangle icon on the right of widgets > complete options > Save

2. Main Sidebar

This sidebar is shown on Blog Page
Drag Search, Categories, Popular Post and Tag Cloud widgets to this sidebar

Visual Composer

Visual composer is a drag and drop frontend and backend page builder plugin that equips you with more than 40 elements (also called shortcodes) to design your page with ease. In addition to these predefined elements, Visionary has 22 extra ones helping you to create many desirable pages. To generate the shortcodes, go to Backend Editor, click the “+” icon to add shortcode. Navigate to Noo Visionary tab to find a shortcode you want to use. You can add those shortcodes to any pages or posts for your own use.

Note: In some cases, when you add an element and edit it, you should edit Row settings at the same time.

♣ Row settings includes:
• General:
Using Container: if you check this box, container`s width will be 1170px.
Row stretch: In our demo, we set Default in this section. Besides Default, you can select Stretch row, Stretch row and content, stretch row and content (no paddings). If opting these ones, the whole content in Red row 2 will disappear when it is shown on the site.
Full height row: when you tick this box, row will be set to full height.
Use video background: If this box is checked, video will be used as row background.
Parallax: There are three options for you:
None: image without parallax effect
Simple: image with parallax effect. It means that the image will move when you let the mouse scroll on it
With fade: image with parallax effect but move effect of the image is not as clear as that of Simple style.
Note: Two options Use video background (tick this box) and Parallax (Simple and With fade) will avail in some cases. For example, if font color is white and you do not use video background or Simple/ With Fade Parallax then visitors of you site may find it difficult to read white words and phrases. You know, white words on white background. No one can figure out those words in this case!

• Design Options:
CSS box: you can change width of padding, border and margin here
Background color: opt color for background here Below background color section, you will have an option to upload the background image and opt styles of background image: theme default, cover, contain, no repeat and repeat.
Cover: Scale the background image to be as large as possible so that the background area will be completely covered by the background image. Some parts of the background image may not be in view within the background positioning area.
Contain: Scale the image to the largest size such that both its width and its height can fit inside the content area.
No repeat: Size of the image will not change when it is placed in background area.
Repeat: Size of the image will also be as same as that of the original one; however, then many replicates of this image will be established in background area.

1. Noo Blog List

This shortcode is used in creating Blog List 1 Page
Data Source: select a source from which data is taken
Categories: Choose shown categories in the drop-down list
Order By: This option controls the display order of blog posts based on Recent First, Older First, Title Alphabet or Title Reversed Alphabet
Posts Per Page: this one restricts the number of posts shown per page
Excerpt length: The number you enter here is equal to the number of words included on an excerpt

2. Noo Blog Mansory

This shortcode is used in building Blog Mansory Page
Data source: Select a source from which data is taken
Categories: Choose categories which will be shown
Order By: This option controls the display order of posts based on Recent First, Older First, Title Alphabet or Title Reversed Alphabet
Choose Style pagination: There are 2 styles which are Default and Infinite Scroll
Load More Icon: This option allows you to select a loadmore icon used to load blog posts
Posts per page: This option places a limit on the number of posts shown per page
Excerpt: The number you enter here is equal to the number of words included in an excerpt

3. Noo Blog Grid

Noo Blog Grid settings:
Style: there are 3 styles which are Style 1, Style 2 and Style 3

Style 1

Style 2

Style 3

4. Noo Blog Slider

It is one of the shortcodes used in creating Home Business Page
Heading: Enter a heading
Title: Enter a title
Data source: Data can be taken from Category, Tags or Posts
Categories: Choose categories which will be shown
Order By: This option handles the display order of posts based on Recent First, Older First, Title Alphabet or Title Reversed Alphabet
Posts Per Page: The maximum number of posts is displayed per page
Auto Play: choose True or False
Excerpt Length: The number you enter here is equal to the number of texts included on an excerpt.

5. Noo Testimonial

♣ This column contains a Noo Testimonial shortcode

Select Style: There are 2 styles which are Style 1 and Style 2

Style 1

Style 2

6. Noo About

Choose style: There are 2 styles.

1. Style One

2. Style Two

Title: Enter a title
Short Title : Enter a short title here
Attach: Enter texts
Content: Add a paragraph

7. Noo Member

Order By: This option controls display type of Members. There are 3 kinds:

1. Slider

2. Slider 2

3. Grid

8. Noo Mailchimp

Title: Enter a title here
Description: Give a short description here
Description: Give a short description hereNote: In order that Noo Mailchimp can function properly, you will need to install and activate Mailchimp For WordPress plugin. Then you will paste these codes into Admin panel> Mailchimp For WordPress> Forms> Fields:<div class="mc_footer">
<input type="email" name="EMAIL" placeholder="Enter your email" required />
<input type="submit" value="subscribe" />
</div>

9. Noo Title

Noo Title is one of the shortcodes used to create Home Page
Choose Style: There are 2 styles that are Center and Left. This option handles position of texts in Attach and Title sections

1. Center

2. Left

Attach: Enter some texts here
Title: Enter a title here
Description: Enter a short description

10. Noo Counter

This is one of the shortcodes used to create Home Page
Noo Counter settings:
Choose Style: There are 2 styles which are Icon Image and Counter Color. The first style allows you to upload an icon image while the second one give you an option to select a color

Import Number: Enter a number here
Title: Enter a title here
Show border left: Tick Yes box to show a border on the left of the first icon

11. Simple Testimonial

This one is used in creating About Page
Upload Image: Upload an image here
Name: Enter name of the person who gives the testimonial
Position: Enter position of that person
Description: Give a short description here

12. Noo Partner

It is one of the shortcodes used to build Home Business Page
Limited Post Slider: The maximum number of Partner images is shown
Upload Images: Upload images of partner
Custom Links: Enter link of all Partners. These links are separated by Enter
Custom Link Target: These links can be opened in the same window or in a new one
Auto Play: Choose Yes or No

13. Price Table

This one is used to create Home Page
Price Table settings:
Choose Style: You can select Style 1 or Style 2.
If you are partial to Style 1, you will have an extra option called Background Header. Meanwhile, this option will not exist if you select Style 2
Title: Enter a title here
Price: Enter a price here
Time For Price:
Button Link: Enter link of the button here
Button name: Give a name to the button
Button Color: There are 3 choices which are Color Default, Color One and Color Two.

14. Services

It is one of the shortcodes used to build Home Page
Service Settings:
Style Services: There are 5 styles that are Style One, Style Two, Style three, Style four and Style five.
Style One: you will have an option to choose an icon

Style Three: although this style also allows you to upload an icon image, its display is different from Style Two. Its texts will be visible

Style Four: If you choose this style, you will have an extra option to enter a number.

Title: Enter a title here
Description: Give a short description here

15. Noo Portfolio

This one is used to create Home Page
Noo Portfolio settings:

Style Portfolio: There are 3 portfolio styles

1. Portfolio Masonry

2. Portfolio Grid

3.Portfolio Creative

16. Noo FAQ

Noo FAQ settings:
This shortcode is used to show Accordion style. You will click + icon to add sections. Each section contains the following options:
Open FAQ: You can select Hide or Show Description
Upload Icon: Upload an icon here
Title: Enter a title here
Description: Give a short description

Hide

Show

17. Noo Product

18. Noo Product Small List

It is one of the shortocdes used to create Home Shop 2 Page
Button name: Give a name to the button
Choose categories: select shown categories
Order By: This option handles the display order of products based on Recent First, Older First, Title Alphabet or Title Reversed Alphabet
Limited: The maximum number of products is displayed

19. Noo Custom Link

This is one of the shortcodes used to create Home Business Page
Noo Custom Link settings:
Style: There are 2 styles which are Style 1 and Style 2
Import Name: This option will only be available if you select Style 2

20. Noo Product Banner

This is one of the shortcodes used to create Home Shop 1 Page
Select Style: There are 2 styles which are Style 1 and Style 2.
Image At Top Banner: You can upload an image which is on top of the banner
Title: Enter a title here
Sub Title: Enter a subtitle
First Button, Second Button: These options will only be available when you are partial to Style 1. Enter title and URL of the buttons
Button: This one will be available if you choose Style 1
Column settings:

21. Noo Product Lookbook

Image of Model: Upload an image of model
Click + icon to add sections. Each section contains the following options:
Position:
Select Show Style: There are 4 display styles which are
1.Top To Bottom: on the site, when you let the mouse hover over the + icon, title and description will be shown above the + icon.
2. Bottom To Top: on the site, when you let the mouse hover over the + icon, title and description will be shown below the + icon.
3. Left To Right: on the site, when you let the mouse hover over the + icon, title and description will be shown on the left side of the + icon.
4. Right To Left: on the site, when you let the mouse hover over the + icon, title and description will be shown on the right side of the + icon.

Title: Enter a title here
Description: Give a short description here

22. Noo Map

This shortcode is used in creating Contact Us Page
Latitude/ Longitude: Enter latitude/ longitude of the place you want to show on the map
You will go to this site http://www.latlong.net/ and enter name of place. After that, it will show you longitude and latitude of the place.
Icon Map: Choose a Map Icon
Title: Enter a title here
Description: Give a short description
Location: Enter a location here
Email: Enter an email address
Phone: Enter a phone number here
Website: Enter a website

Woocommerce Pages

After Woocommerce plugin is installed, it creates the following new pages:

Cart
Checkout
My account
Shop page

Learn more about Woocommerce pages:
http://docs.woothemes.com/document/woocommerce-pages/

Yet if it is unfortunate that those pages are not automatically created, you can do the following steps to build them:

1. Cart Page

• Navigate to Pages > Add New.
• Enter Title (Cart), paste this shortcode [woocommerce_cart] into content area of the page
• Opt Default Template in Page Attributes on the right side
• Click on Publish button
• Finally, go to Woocommerce> settings > Checkout Page> Choose a Cart page here> Save changes

2. Checkout Page

• Navigate to Pages > Add New.
• Enter Title (Checkout), paste this shortcode [woocommerce_checkout] into content area of the page.
• Opt Default Template in Page Attributes on the right side.
• Click on Publish button
• Finally, go to Woocommerce> settings > Checkout Page> Choose a Checkout page here> Save changes

3. My Account

• Navigate to Pages > Add New.
• Enter Title (My Account), paste this shortcode [woocommerce_my_account] into content area of the page.
• Opt Default Template in Page Attributes on the right side.
• Click on Publish button

4. Shop Page

• Navigate to Pages > Add New
• Enter title, Shop
• Opt Default Template in Page Attributes on the right side.
• Click on Publish button
• Finally, go to Woocommerce> settings> Products> Display> Choose a Shop Page here> Save changes