Pages – NooTheme

Header Pages

Jessica — Sat, 16 Jan 2016 08:10:02 +0000

Here are two shortcodes used to create Header Pages (we take Header Default page as an example)

1. Red Row 1

It contains a Row shortcode whose style is one column
The column contains a Noo Our Story 7. Noo Our Story

2. Red Row 2

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

Page Template

Jessica — Sat, 09 Jan 2016 09:02:20 +0000

We have built some specific Ivent 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 Us….Most of our demo pages use this kind of template.
• Page With Left or Right Sidebar: This template is used for page on which sidebar is displayed.

Create A New Page

Jessica — Sat, 09 Jan 2016 08:58:35 +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 :).

Page Settings

Jessica — Sat, 09 Jan 2016 08:04:25 +0000

When you create a new page, you will have options to change elements of Header :
Header setting: there is a drop-down list containing Header types to select
Footer setting: Likewise, there is also a drop-down list of Footer types for you to choose
Menu Logo: Upload a Logo image
Navbar Position: There are 3 options that are Use Navbar Position in customizer, Static Top and Fixed Top
Heading background image: select a unique heading image for this page

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

Home 2 Page (Bakery)

Jessica — Wed, 30 Dec 2015 08:00:24 +0000

Here are images of shortcodes used in building Home 2 page

1. Red Row 1

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

2. Red Row 2

It has a Row shortcode whose style is one column
The column comprises a Noo Products Menu
Noo Products Menu settings:
Icon: Upload image of the icon here
Attach: Give a brief description that will be shown under the icon
Title: Enter a title
Description: Enter a short paragraph
Choose Categories: Select product categories in the drop-down list
Order By: This option decides the display order of products. The order can be Recent First, Older First, Title Alphabet or Title Reversed Alphabet
Limit: This option places a limit on the number of shown products
Background: Upload a background image

Row settings

3. Red Row 3

It has a Row shortcode whose style is one column
The column includes a Noo Service shortcode
Icon: Upload image of the icon
Attach: Enter a brief description here
Title: Enter a title here
Description: Create a short paragraph
Config Columns: Choose number of shown columns in the drop-down list
Click the triangle icon to add Title, Upload image and Enter a short description

Row settings

4. Red Row 4

It has a Row shortcode whose style is one column
The column includes a Product Simple shortcode
Product Simple settings:
Icon: Upload image of icon
Attach: Give a brief description that will be displayed under the icon
Title: Enter a title
Description: Enter a short paragraph
Select Identificator: Input Product ID/ SKU/ title to see suggestions
Background: Upload background image here

Row settings

5. Red Row 5

It has a Row shortcode whose style is one column
The column includes a Noo Instagram shortcode
Icon: Upload image of icon
Attach: Give a brief description
Title: Enter a title
Description: Create a short description
Instagram User: Enter an instagram user
Number of images: Enter number of images which will be shown
Check for new images on every hours: The time allows you to updatenew images to Instagram on your page again or you can select Randomise Images

6. Red Row 6

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

Row settings

Home Page (Bakery)

Jessica — Tue, 29 Dec 2015 03:04:04 +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 contains a Revolution Slider 5. In this shortcode, you will opt a Slider that was created in Admin panel> Slider Revolution

2. Red Row 2

It has a Row shortcode whose style is one column
The column comprises a Noo About Us shortcode
Image Left: Upload an image that will be displayed on the left of the page
Icon: Upload an icon here
Description: Incorporate a short description into this section
Button name: Give a name to the button
Button Link: Insert link of the button into this section

3. Red Row 3

It has a Row shortcode whose style is 2 columns
The first column is Custom Countdown
Custom Link: Incorporate a link into this section
Choose date: Select a date in the calendar
Attach: Incorporate an attach here
Title: Enter a title here
Description: Insert a short description here
Price: Incorporate a price here
Image: Upload an image here
The second one includes Noo Image Grid
Config Columns: Choose the number of shown columns. It fluctuates between 1 and 5.
Then click the triangle icon to Upload image and insert link of the image

4. Red Row 4

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

Row settings

5. Red Row 5

It has a Row shortcode whose style is 2 columns
The first column is Noo Testimonial 5. Noo Testimonial
The second one contains a Noo Clients
Icon: Upload an icon here
Attach: Enter a short description
Title: Enter a title
Description: Create a short description here
Config columns: Choose the number of shown columns
Click triangle icon to upload image and insert link of the image

6. Red Row 6

It has a Row shortcode whose style is 2 columns
The first column is Noo Blog List
Icon: Upload image of the icon
Attach: Enter a short description
Title: Enter a title
Description: Create a short description
Data Source: Select a content type in the drop-down list. The content can be originated from Category, Tags or Posts.If you are partial to Category then you will have options such as:
Categories: choose categories in the drop-down list
Order By: This option handles the display order of posts. The order is Recent First, Older First, Title Alphabet or Title Reversed AlphabetIf you opt Tags, extra options will be Tags and Order By
If you select Posts, you will have options:
Include Only (Add title of Posts or Pages) and Order By
The second one is Noo Image:
Upload Image: You can upload an image
Link Image: Incorporate link of the image into this section
Image height: Set height of the image

7. Red Row 7

It has a Row shortcode whose style is one column
The column includes a Noo Images Slider shortcode 12. Noo Images Slider

Contact Page

Jessica — Thu, 17 Dec 2015 10:40:54 +0000

Here is the image of shortcodes used to create Contact page

1. Red Row 1

It has a Row shortcode whose style is one column
The first column contains a Noo Image Signature shortcode 9. Noo Image Signature
The second one includes a Contact Form 7 shortcode

Row settings

2. Red Row 2

It has a Row shortcode whose style is one column
The column comprises a Noo Map shortcode
General tab
Latitude: Enter latitude of the address on Map
Longitude: Enter longitude of the address on Map
Refer to this link to know the latitude and longitude of the address
http://www.latlong.net/
Icon Map: Upload a icon image here
Height Map: Set height of the map
Title: Enter a title here
Description: Give a short description
Location, Email, Phone and Website: Complete these options
Multi Location tab
You can add extra longitude and latitude of other places here

Blog Pages

Jessica — Thu, 17 Dec 2015 10:06:02 +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 2 columns

Here is the image of shortcodes used to created Blog Masonry 2 columns

1. Red Row 1

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

Row settings

2. Red Row 2

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

3. Blog Masonry 3, 4 columns

These pages use the same shortcodes as Blog Masonry 2 columns. It is Choose columns section in the Noo Blog shortcode that makes these pages different.

Boxes Page

Jessica — Thu, 17 Dec 2015 09:34:41 +0000

Here is the image of shortcodes used to create Boxes Page

1. Red Row 1

It has a Row shortcode of which style is 3 columns (1/4+1/2+1/4)
The first and second one contain a Single image shortcode. Meanwhile, the third one includes 2 Single Image shortcodes

Row settings

2. Red Row 2

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

3. Red Row 3

It has a Row shortcode whose style is one column
The column includes a Noo Boxes shortcode
Choose boxes: Choose boxes that will be shown.
Note: Boxes are created in Products> Boxes
Enter Name of the Box, add products to box, select a title color, upload an image that represents the box.

Choose columns: Choose number of columns that will be displayed

Display of Red Row 2 and 3 on the site

4. Red Row 4

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

Home Page 4

Jessica — Thu, 17 Dec 2015 05:01:54 +0000

Here is the image of shortcodes used to create Home Page 4

1. Red Row 1

It has a Row shortcode whose style is one column
The column contains a Noo Images Slider
Config columns Slider: choose the number of slider columns that will be shown. The number fluctuates between 1 and 5
Auto Slider: Choose True or False. If it is True, the Slider will play automatically. The opposite belongs to False
Click + icon to upload image and add link of the image.

Row settings

2. Red Row 2

It has a Row shortcode whose style is one column
The column contains a Product Simple Slider shortcode
Choose Categories: Choose product categories that will be shown
Order By: The display order of products (Recent first, Older first, Title Alphabet, Title reversed alphabet)
Limit: the number of products is shown
Config Columns Slider: The number of slider columns is shown
Auto Slider: Opt True or False. The Slider will play automatically when you select True. The opposite belongs to False.

3. Red Row 3

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

Home Page 3

Jessica — Wed, 16 Dec 2015 10:45:30 +0000

Here are images of shortcodes used to create Home Page 3

1. Red Row 1

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

2. Red Row 2

It has a Row shortcode of which style is one column
The column comprises a Noo Title shortcode 10. Noo Title
Row settings

3. Red Row 3

It has a Row shortcode whose style is one column
The column contains a Single Image shortcode

4. Red Row 4

It has a Row shortcode whose style is 3 columns
The first column includes 2 Noo Information shortcodesGeneral options:
Icon: Upload an icon
Number: Enter a number
Title: Enter a title
Description: Give a short description
Color: Choose a color for title and number
Position: The position of title, number and description. It can be Left or RightDesign Options:
CSS box: you can change width of padding, border and margin here
Border color: Choose a color for the border
Border Style: Opt a border style in the drop-down list
Border Radius: Choose a border radius in the drop-down list

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.

The second column contains a Noo Our Story 2 shortcode
Title: Enter a title
Content: Add content
Background: Upload a background image
Signature: Display signature by an image
Name, Position: Enter name and position
Image bottom: Upload an image bottom

The third column also comprises 2 Noo Information shortcodes

Row settings

Display of Red Row 3 and 4 on the site

5. Red Row 5

It has a Row shortcode whose style is 2 columns
Each column contains a Single Image shortcode

Display of Red Row 5 on the site:

6. Red Row 6

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

Row settings

7. Red Row 7

It has a Row shortcode whose style is one column
The column contains a Product Simple shortcode
Select Identificator: Input Product ID or Product SKU or product title to see suggestions
Background: Upload a background image

8. Red Row 8

It has a Row shortcode whose style is one column
The column comprises a Noo Farmer shortcode 2. Noo Farmer

Row settings

9. Noo Testimonial

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

Row settings

Home Page 2

Jessica — Wed, 16 Dec 2015 04:10:02 +0000

Here are images of shortcodes used to create Homepage 2

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 one column
The column comprises Noo Our Story shortcode
Title: Enter a title here
Content: Add content
Signature: Display signature by image
Button name: Give a name to the button
Button Link: Insert Link of the button
Gallery: Upload images here

Row settings

3. Red Row 3

It has a Row shortcode whose style is one column
The column contains a Noo Product list shortcode
Title: Enter a title here
Description: Give a short description here
Choose categories: Choose product categories which will be displayed
Order By: this one handles the display order of products (Recent First, Older First, Title Alphabet or Title Reversed Alphabet)
Limit: The maximum number of products is shown
Button name: Give a name to the button
Button Link: Input link of the button

Row settings

4. Red Row 4

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

Row settings

5. Red Row 5

It has a Row shortcode whose style is 2 columns (2/3+1/3)
The first column contains an Image Attribute shortcode that comprises 3 Atributes item shortcodes 1. Image Attribute
The second column contains a Product CountDown shortcode
25. Product Countdown

Row settings

Display of Red Row 4 and 5 on the site:

6. Red Row 6

It has a Row shortcode whose style is 2 columns (1/2+1/2)
Each column includes a Single Image shortcode

Display of Red Row 6 on the site:

7. Red Row 7

It has a Row shortcode whose style is one column
The column contains a Noo Product Slider shortcode
Title: Enter a title
Description: Give a short description here
Choose Categories: Choose product categories that will be displayed
Order By: This option decides the display order of products (recent first, older first, title alphabet or title reversed alphabet)
Limit: This one restricts the number of shown products

Row settings

8. Red Row 8

It has a Row shortcode whose style is one column
The column contains a Text Block shortcode and a Row shortcode whose style is 3 columns (1/4+1/2+1/4)
The first and second column contain a Single image shortcode.
The third one includes 2 Single Image shortcodes

Row settings:

9. Red Row 9

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

Row settings