Pages – NooTheme

Page Templates

Jessica — Tue, 03 Nov 2015 01:09:40 +0000

We have built some specific Carle page templates for you. Here is the list and their short description:
• Default Template: The default template can be used for any page. You can customize and add shortcode to build Homepage, Contact, Blog…
•Full- width Template: This template is set to be full-width that can be used for Homepage, About page….Most of our demo pages use this kind of template.

• Template One page: This template is used for Home One page
• Template Print: This template is used to create Print page

Page Settings

Jessica — Mon, 02 Nov 2015 10:56:46 +0000

When you create a new page, you will have options to change elements of Header :
Header setting: there is a drop-down list here.
Using header in Customizer: The Header style chosen in Customizer will be used for this page
Header Boxed, Header Shop, Header Business, Header Transparent, Header Minimalist and Header Centralized: If you pick one of these styles, it will be prioritized to be used for the page.
Menu Logo: Upload a Logo image
Heading background image: select a unique heading image for this page
Revolution Slider: This option is used for only One Page Template. Opt a kind of Slider in the drop-down list.
Note: In spite of what you set up in Customizer, all options above will always be prioritized.

Create A New Page

Jessica — Mon, 02 Nov 2015 10:40:56 +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 :).

Contact page

Jessica — Fri, 30 Oct 2015 07:02:00 +0000

Here is the image of shortcodes used to build Contact page:

1. Red Row 1

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

2. Red Row 2

• It has a Row shortcode of which style is one column
• The column includes a Noo Custom Form 7 15. Noo Custom Form 7

3. Red Row 3

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

4. Red Row 4

• It has a Row shortcode whose style is 3 columns (1/3+1/3+1/3)
• Each column comprises a Noo Information shortcode 20. Noo Information

5. Red Row 5

• It has a Row shortcode whose style is one column
• The column includes a Noo Newsletter shortcode 13. Noo Newsletter

Wishlist page

Jessica — Fri, 30 Oct 2015 05:05:03 +0000

After YITH Woocommerce Wishlist plugin is activated, it will automatically create Wishlist page. If you do not see this page in Pages > All pages, please do the following steps to build this page:
• Navigate to Pages> Add New
• Enter title of the page and paste this code [yith_wcwl_wishlist] into content area
• On the right side, opt Default Template
• Click the Publish button

Note: To find Wishlist page on the site:
• Go to Shop page
• Let the mouse hover over image of the product you like, then click on heart icon and it will direct you to Wishlist page.

Blog pages

Jessica — Fri, 30 Oct 2015 04:56:50 +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

Here is the image of shortcodes used to build Blog Mansory page

2.1. Red Row 1

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

2.2. Red Row 2

• It has a Row shortcode whose style is one column
• The column contains a Noo Blog Masonry
Categories: Select blog post categories in the drop-down list
Order By: Recent first, Older first, Title Alphabet and Title Reserved Alphabet.
Post per page: The number you enter in this option will decide number of posts loaded at the same time when you scroll the mouse down.
Load more icon: Opt an icon used to load items

Display of Blog Masonry on the site:

Special Offers Page

Jessica — Fri, 30 Oct 2015 04:02:23 +0000

Here is the image of the shortcodes used to build Special Offers Page

Note: Before creating this page, please make sure that you have already finished building Print page:
Go to Pages> Add New > Enter title of the page: Print > on the right side, opt Template Print in Template section > click Publish button.
The reason for this action is that it will help the list of selected coupons to be printed. Read Red Row 3 below to better understand

1. Red Row 1

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

2. Red Row 2

• It has a Row shortcode whose style is 3 columns (1/3+1/3+1/3)
• Each column contains a Noo Pricing shortcode 18. Noo Pricing

Display of Red Row 1 and 2 on Special Offers page:

3. Red Row 3

• It has a Row shortcode of which style is one column
• The column contains a Noo Coupons shortcode
Title: Enter a title
Content: Enter a paragraph
Link image: Enter link of the image
Upload image
Note: Opt a coupon by ticking the square box on the upper right. After choosing your coupons, you can print the list of these coupons by clicking Print Selected Offer.

4. Red Row 4

• It has a Row shortcode whose style is one column
• The column contains a Noo Custom Form 7 15. Noo Custom Form 7

5. Red Row 5

• It has a Row shortcode whose style is one column
• Text Block: add this shortcode [noo_newsletter title=”newsletter” subscribe_text=”Subscribe to our monthly newsletter” background=”314″] to content of Text Block so that Newsletter section will be shown on the site.

Introduction page

Jessica — Thu, 29 Oct 2015 14:40:32 +0000

Here is the image of shortcodes used to create Introduction page:

1. Red Row 1

• It has a Row shortcode of which style is 2 columns (1/2+1/2)
• Each column contains a Text Block shortcode. However, content type of text section in each Text Block is different. The first one comprises a short paragraph whereas the second one is a video.

Display of Red Row 1 on Introduction page:

2. Red Row 2

• It has a Row shortcode whose style is one column
• The column comprises a Noo Team shortcode 11. Noo Team

3. Red Row 3

• It has a Row shortcode of which style is one column
• The column contains a Noo Newsletter shortcode 13. Noo Newsletter

Clients page

Jessica — Thu, 29 Oct 2015 11:03:23 +0000

Here is the image of shortcodes used to create Clients page

1. Red Row 1

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

2. Red Row 2

• It has a Row shortcode whose style is one column
• The column contains a Noo testimonial shortcode 19. Noo Testimonial

Display of Red Row 1 and 2 on Clients page:

3. Red Row 3

• It has a Row shortcode whose style is one column
• The column contains a Noo Clients shortcode 12. Noo Clients

Display of Red Row 3 on Clients page

4. Red Row 4

• It has a Row shortcode whose style is one column
• The column contains a Noo Newsletter shortcode 13. Noo Newsletter

FAQs Page

Jessica — Thu, 29 Oct 2015 09:56:05 +0000

Here is the image of shortcodes used to create FAQs page:

1. Red Row 1

• It has a Row shortcode whose style is one column
• The column contains a Tour shortcode. As soon as this one is added, some Section shortcodes will automatically be generated.

Click on each section and add the following shortcodes:
Text Block and FAQ

Display of Red Row 1 on FAQs page

2. Red Row 2

• It has a Row shortcode whose style is one column
• The column contains a Noo Newsletter shortcode 13. Noo Newsletter

Service 2 Page

Jessica — Thu, 29 Oct 2015 09:45:16 +0000

Building Service 2 page is is an easy task because you only need use a Row shortcode and a Noo Services Grid shortcode

Noo Services Grid settings:
Categories Services: pick service categories in the drop-down list
Order By: Recent First, Older First, title alphabet and Title Reserved Alphabet
Show Filter: Opt Yes or No to show or Hide the filter
Limit: this option limits the number of displayed services.

Service 1 Page

Jessica — Thu, 29 Oct 2015 09:33:52 +0000

Here is the image of shortcodes used to create Service 1 page:

1. Red Row 1

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

Display of Red Row 1 on Service 1 Page:

2. Red Row 2

• It has a Row shortcode whose style is one column
• The column contains a Noo Services shortcode. Its service category is maintenance service and Order by is Recent First. 4. Noo Services

Display of Red Row 2 on Service 1 page:

3. Red Row 3

• It has a Row shortcode whose style is one column
• The column contains a Noo Services shortcode. Its service category is Upgrade Service and Order by is Older first

Display of Red Row 3 on Service Page:

4. Red Row 4

• It has a Row shortcode whose style is one column
• The column contains a Noo Services shortcode. Its service category is Repair Service and Order by is Recent first

Display of Red Row 4 on Service 1 Page: