Pages – NooTheme

Page Template

Jessica — Tue, 01 Mar 2016 03:11:14 +0000

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.

Page Settings

Jessica — Tue, 01 Mar 2016 03:07:33 +0000

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.

Create A New Page

Jessica — Tue, 01 Mar 2016 02:52:31 +0000

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

FAQ Page

Jessica — Fri, 26 Feb 2016 01:08:16 +0000

There are two shortcodes used to create FAQ Page.

These two shortcodes are Row and Tour. After you add Tour shortcode, some Section shortcodes are automatically generated.

Display of this page on the site

Contact Us Page

Jessica — Thu, 25 Feb 2016 11:31:52 +0000

Here is image of shortcodes used to create Contact Us Page

1. Red Row 1

It has a Row shortcode whose style is one column
The column contains a Google Map shortcode

2. Red Row 2

It has a Row shortcode whose style is 4 columns
Each column contains a Noo Information shortcode
Icon: Click the arrow on the right side to choose icons in the drop-down list
Title: Enter a title here
Description: Give a short description you want or you can add extra contact information

Row settings

3. Red Row 3

It has a Row shortcode whose style is 2 columns

1. The first column setttings

2. The second column settings

The first column contains a Noo Title 1. Noo Title and a Text Block shortcode
The second one does not include any shortcodes

4. Red Row 4

It has a Row shortcode whose style is one column
The column comprises a Contact Form 7 shortcode

About Us Page

Jessica — Thu, 25 Feb 2016 11:11:01 +0000

Here are images of shortcodes used to create About Us Page

1. Red Row 1

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

2. Red Row 2

It has a Row shortcode whose style is one column
The column comprises a Text Block shortcode

Row settings

3. Red Row 3

It has a Row shortcode whose style is 2 columns
The first column comprises a Single Image shortcode

The second one includes a Noo Title, a Text Block and a Progress Bar shortcode

Display of Red Row 3 on the site

4. Red Row 4

It has a Row shortcode whose style is one column
The column contains a Noo Title and a Text Block shortcode

Row settings

5. Red Row 5

It has a Row shortcode whose style is one column
The column comprises a Noo Team shortcode
Attach: Enter texts here
Title: Enter a title here
Categories: Choose member categories in the drop-down list
Order By: The display order of members is based on Recent First, Older First, Title Alphabet or Title Reversed Alphabet
Posts Per Page: The number of posts is shown per page

Row settings

Blog Pages

Jessica — Thu, 25 Feb 2016 02:16:24 +0000

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 Masonry

There are two shortcodes used to create Blog Masonry page

It has a Row shortcode whose style is one column
The column comprises a Noo Blog shortcode
Choose style: The style can be Grid or Masonry

1. Grid

2. Masonry

Data Source: The data can be originated from Category, Tags or Posts
Categories: Select shown blog categories
Order By: The display order of blog posts is based on Recent First, Older First, Title Alphabet or Title Reversed Alphabet
Choose columns: The number of shown columns varies from 1 to 4
Choose Style Pagination: The style is Default or Infinite Scroll. If you select the second style, you will have an extra option called Load More Button
Posts Per Page: The number of posts is shown per page
Excerpt Length: The number entered here is equal to the number of texts included the excerpt.

3. Blog Grid 3 Columns Page

Shortcodes of this page are similar to those of Blog Masonry. However, style of Noo Blog now is Grid instead Masonry.

4. Blog Grid Left/ Right Sidebar Page

Shortcodes of these pages are similar to those of Blog Grid Left/ Right Sidebar Page. Yet, template of these pages is Page With Left/ Right Sidebar

Display of these two pages on the site

Home page 5 (Home Left Menu)

Jessica — Wed, 24 Feb 2016 10:11:12 +0000

This page has some distinct features:
You will need to select Page Left Menu in the drop-down list of Template
The page does not have footer section
You will complete options of Copyright and Social For Left. You can add content to the Copyright section and add social links. These ones will be shown on the left side

Here are images of shortcodes used in building Home Page 5

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 of which style is one column
The column comprises a Noo Product shortcode 10. Noo Product

Row settings

3. Red Row 3

It has a Row shortcode whose style is one column
The column comprises a Noo Purchase Custom 13. Noo Purchase Custom

4. Red Row 4

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

Row settings

5. Red Row 5

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

Row settings

6. Red Row 6

It has a Row shortcode whose style is one column
The column contains a Noo Testimonial shortcode

7. Red Row 7

It has a Row shortcode whose style is one column
The column comprises a Noo Blog Slider shortcode

Row settings

Home Page 4

Jessica — Wed, 24 Feb 2016 09:50:33 +0000

Here are images of shortcodes used to Home Page 4

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 of which style is one column
The column comprises a Noo About shortcode
Title: Enter a title here
Attach: Enter texts here
Content: Give a short description
Button name: Give a name to the button
Button Link: Enter link of the button
Background Image Right: Upload an image that will be on the right side

3. Red Row 3

It has a Row shortcode whose style is 2 columns
The first column contains a Image Gallery shortcode

The second one comprises a Noo Title and a Noo Testimonial shortcode
Noo Title settings
Attach: Enter texts here
Title: Enter a title here

4. Red Row 4

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

Row settings

5. Red Row 5

It has a Row shortcode of which style is one column
The column includes a Noo Partner shortcode

6. Red Row 6

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

Row settings

Home Page 3

Jessica — Wed, 24 Feb 2016 02:52:30 +0000

There are two special features of this page:
To show the slider at the top of this page, you will need to choose Page Product Slider in the drop-down list of Template
Besides, you will need to complete some options of Slider Config
Choose Categories: Select product categories that will be shown
Posts Per page: The number of posts is shown per page
Order by: The display order of products is based on Recent First, Older First, Title Alphabet or Title Reversed Alphabet
Auto Play: Choose True so that the slider can automatically play and select False for the opposite case

Here are images of shortcodes used to create Home page 3

1. Red Row 1

It has a Row shortcode whose style is 2 columns
Each column comprises a Noo Custom shortcode 11. Noo Custom

2. Red Row 2

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

Row settings

3. Red Row 3

It has a Row shortcode whose style is one column
The column comprises a Noo Purchase Custom shortcode 13. Noo Purchase Custom

4. Red Row 4

It has a Row shortcode whose style is one column
The column includes a Noo Blog Slider shortcode 5. Noo Blog Slider

Row settings

5. Red Row 5

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

Row settings

Home Page 2

Jessica — Tue, 23 Feb 2016 10:35:25 +0000

Here are images of shortcodes used to create Home page 2

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 of which style is one column
The column includes a Noo Product shortcode 10. Noo Product

Row settings

3. Red Row 3

It has a Row shortcode whose style is one column
The column contains a Noo Purchase Custom shortcode
Title: Enter a title here
Button Name: Give a name to the button
Button Link: Enter link of the button here
Background Image: Upload a background image here

4. Red Row 4

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

5. Red Row 5

It has a Row shortcode whose style is 2 columns
Each column includes a Noo Custom shortcode
Title: Enter a title here
Attach: Enter texts here
Description: Enter a short description
Choose Image: Upload an image
Button name: Give a name to the button
Button Link: Enter link of the button
Position Text: All texts can be on the right or left side

6. Red Row 6

It has a Row shortcode whose style is one column
The column includes a Noo Partner shortcode 8. Noo Partner

Row settings

7. Red Row 7

It has a Row shortcode whose style is one column
The column includes a Noo Blog Slider 5. Noo Blog Slider

8. Red Row 8

It has a Row shortcode whose style is one column
The column contains a Noo Testimonial shortcode 6. Noo Testimonial

9. Red Row 9

It has a Row shortcode of which style is one column
The column comprises a Noo Mailchimp 7. Noo Mailchimp

Row settings

Home page

Jessica — Mon, 22 Feb 2016 03:05:27 +0000

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

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.