Emigo Document - NooTheme

Import demo

Import Demo

To import demo data, please go to Noo settings> Import Demo> Tick all three boxes to import Post, Nav Menu and Comment> Click install button to install Emigo

Here is the video that instructs you to import the demo data:
Import Demo Data Of Emigo

Installation

Preface

Firstly we would love to send our great thanks to you for purchasing Emigo. 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 Emigo.

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.

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:

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

Requirement For Emigo

To use Emigo 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 Emigo 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.

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

header

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 three parts which are menu area, logo and top bar:

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

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:
http://support.nootheme.com/documents/header-9/

Mega Menu

Emigo 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

1. 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 3.

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: With regards to Categories and Popular Brands, they are Custom Links. Thus, you can figure out that options of Categories and Popular Brands are similar to those of Shop Page. For instance, as for Categories, you will enter a URL, Navigation Label (Categories), choose Select Widget Area in the drop-down list of Mega Menu Widget Area.
Besides, Categories and Popular Brands items have some sub-items which are also Custom links.

Step 6: Column 4 generates the widget area which contains 2 images.
Therefore, before making any changes to options included in this item, please assure that you created a sidebar and a widget corresponding to it.

• We have a sidebar called Menu Sidebar One.

Learn more about creating sidebars:
http://support.nootheme.com/documents/sidebars-widgets-5/

• Next, we will go to Appearance> Widgets> drag Text widget to Menu Sidebar One> click the triangle icon on the right of the widget> paste link of the image into content section (See the illustrative image to know how to add link)> Save.

Learn more about adding widgets to a sidebar:
http://support.nootheme.com/documents/sidebars-widgets-5/

Column 4 is a Custom Link. So it has some options like URL, Navigation Label, Icon, Mega Menu Widget Area (select Menu Sidebar One in the drop-down list)

Step 7: Click Save Menu

Footer

The Footer is composed of two parts that are Footer Columns or Widget area and Footer Bottom. Thus, 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 4 sidebars belonging to Footer: Noo – Footer Column #1, Noo – Footer Column #2, Noo – Footer Column #3 and Noo – Footer Column #4.

1. Noo- Footer Column #1

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

2. Noo-Footer Column #2

Drag Custom Menu widget on the left side to this sidebar> click the triangle icon on the right of the widget> complete options (select About menu that is created in Appearance> Menu) > Save

3. Noo-Footer Column #3

Drag Custom Menu widget on the left side to this sidebar> click the triangle icon on the right of the widget> complete options (Select Account menu) > Save

4. Noo-Footer Column #4

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

Post Types

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

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. Team Member

Team members are shown on About Us 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 and position) and Social Media Data> on the right side, you will choose a team member category
Step 3: Click on Publish button

3. 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

Pages

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 🙂

Page Settings

When you create a new page, you will have options to change elements of Header :

Show Breadcrumb: Tick this box so that the breadcrumb can be shown on the page

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

Menu Logo: Upload a Logo image

Navbar Position: There are 4 options that are Use Navbar Position in customizer, Static Top, Fix When Scroll To 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. Meanwhile, Fix When Scroll To Top will allow you to see the NavBar when you scroll the mouse to the top.

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

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.
• Page Left Menu: This template is used for Home Page 5
• Page Product Slider: This one is selected for Home Page 3
• Page With Left or Right Sidebar: This template is used for page on which sidebar is displayed.

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 comprises a Revolution Slider shortcode

2. Red Row 2

♣ It has a Row shortcode whose style is 2 columns (2/3+1/3)
♣ The first column contains 2 Row shortcodes of which styles are 2 columns
Setting of the first Row:

The first column

The second one

Setting of the second Row

The first column

The second one

Both columns of these 2 Row shortcodes contain a Single Image shortcode

♣ The second column comprises a Single Image shortcode

3. Red Row 3

♣ It has a Row shortcode whose style is one column
♣ The column includes a Noo Product shortcode
Title: Enter a title here
Attach: Enter a short description here
Choose categories: Choose product categories in the drop-down list
Choose Style: The display style of product categories can be Slider, Grid or Grid Two.
Order By: The display order of product categories can be based on Recent first, Older first, Title alphabet or Title Reversed alphabet
Limited: This option places a limit on the number of product categories displayed per page
If you are interested in Slider then the display will be

If you are partial to Grid style then display of this shortcode will be like this one

If you opt Grid Two Style, you will have extra 3 options:
Choose Image: Upload an image
Position for image: the image can be on the left or right of the products
Link image: Enter link of the image here

4. Red Row 4

♣ It has a Row shortcode whose style is one column
♣ The column contains a Noo CountDown shortcode
Choose Date: It is the date on which the countdown will end
Title: Enter a title here
Description: Give a short description here
Button Link: Enter link of the button here
Button name: Give a name to the button
Image Left: Upload an image that is on the left side
Image Right: Upload an image that is on the right side

Row settings

5. Red Row 5

♣ It has a Row shortcode whose style is one column
♣ The column includes a Noo Product shortcode 10. Noo Product

6. Red Row 6

♣ It has a Row shortcode whose style is one column
The column includes a Noo Partner shortcode
Show or Hide Border: Select Show or Hide
Limited Post of Slider:
Upload Images: Upload Images here
Custom Links: Enter link of the images. These links are separated by “Enter”
Custom Link Target: the link will be opened in the same window or in a new one
Auto Play: Choose Yes or No

Row settings

7. Red Row 7

It has a Row shortcode whose style is one column
The column contains a Noo Blog Slider shortcode
Title: Enter a title here
Attach: Give a short description here
Choose Style: The style can be Default or Creative
Data Source: The data can be taken from category, tags or posts
Categories: Select blog categories in the drop-down list
Order By: The order of posts` display can be based on Recent first, Older First, Title Alphabet or Title Reversed Alphabet
Auto Play: Choose True or False
Posts Per Page: The number of posts is shown per page

8. Red Row 8

♣ It has a Row shortcode whose style is one column
♣ The column comprises a Noo Testimonial shortcode
Choose Style: There are 3 styles:

1. Default

2. Navigation

3. Thumbnail Control

Categories: Choose the testimonial categories in the drop-down list
Limited Testimonial: This option places a limit on the number of shown testimonial
Order By: This option handles the display order of testimonials based on Recent First, Older First, Title Alphabet or Title Reversed Alphabet
Auto Play: Choose Yes or No

Row settings

9. Red Row 9

♣ It has a Row shortcode whose style is one column
♣ The column comprises a Noo Mailchimp shortcode
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
<input type="email" name="EMAIL" placeholder="Your email address" required />
<input type="submit" value="subscribe" />

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.