Organici

Installation

Preface

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

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:

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

Requirement For Organici

To use Organici 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 Organici 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

 

install1
supa19

 

Import Demo

Import Demo Data

 

To import the demo data, please go to Noo settings> Import Demo> Tick all three boxes to import Post, Nav Menu and Comment> Let the mouse hover over Organici> Click on Install Demo button. You can see this video for the further instruction:
Import Demo
import demo

 

 

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:

head1

 

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

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-6/

Mega Menu

Organici 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
p329

 

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
p330

 

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.

p331

 

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

 

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

 

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:
http://support.nootheme.com/documents/sidebars-widgets-3/

  • 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:
    http://support.nootheme.com/documents/sidebars-widgets-3/
p335

 

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

Step 6: Click Save menu

Footer Business Dark

Widgets used to build this type of Footer are Noo About, Noo Social, Text, Search, Categories, Tag Cloud, Noo Custom Menu, Flickr Badge, Noo Open Hours and Noo Happy Hours
Learn more about these widgets: Footer
Learn more about options of Footer Business Dark in Customizer:
Footer Style
footer business dark

 

Footer Business

Noo About, Noo Social, Text, Search, Flickr Badge, Noo Open Hours and Noo Happy Hours are widgets used to create Footer Business
Learn more about these widgets: Footer
Learn more about options of Footer Business Dark in Customizer: Footer Style
footer business

 

Footer Agency

Widgets used to create this kind of Footer are Noo Social, Noo About and Text
Learn more about Noo Social and Noo About: Noo Footer Top
Learn more about options of Footer Agency in Customizer: Footer Style
footer agency

 

Footer

The Footer is composed of Widget area . 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 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 About, Noo Social  widgets on the left side to this sidebar> click the triangle icon on the right of widget> complete options > Save.
Noo About includes:
Title: Enter a title here
Link image:
Image: Upload an image here
Description: Give a description here
Noo social includes:
Title: Enter a title here
Facebook, Google, Twitter, Youtube,…: Insert link of social pages here
1-3

 

 

 

2. Noo Footer Column #1

Drag Noo About, Noo Social and Text widgets on the left side to this sidebar> click the triangle icon on the right of widget > complete options> Save.
Text widget includes:
Title: Enter a title here
Content: create content
noo about
noo social
text
footer1

 

 

3. Noo Footer Column #2

 

Drag Search, Text, Categories, Tag Could  widget to this sidebar> click the triangle icon> Complete options > Save
search
tagcloud
footer2

4. Noo Footer Column #3

 

Drag Noo Custom Menu widget to this sidebar >  click the triangle icon> Complete options > Save
Noo Custom Menu widget includes:
Title: Enter a title here Drag Flickr Badge widget to this sidebar >Complete options > Save

footer4
footer5

 

 

 

5. Noo Footer Column # 4

Drag Flickr Badge, Noo Open Hours and Noo Happy Hours to this sidebar > click the triangle icon> Complete options > Save
Flickr
noo open time
Happy hours
footer6

 

 

After accomplishing all steps above, please navigate to Customizer > Footer > You can set number of Footer columns (on our demo site, we choose 4 columns) > Save and Publish.

 

Post Types

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, Farmer 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, select a Heading Background Image
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.
shortcode1
post1

 

2. Farmer

Create Farmer Categories
Go to Farmer> Farmer Categories> Enter name > click Add New Farmer Category.
Create a farmer
Step 1: Go to Farmer > Add New > Enter title, content.
Step 2: Complete Farmer information (name and image), Media Data: Insert link of social pages. On the right side, choose a farmer category
Step 3: click Publish button
post2
post3

 

3. Testimonial

Add a New Testimonial Category
Go to Testimonial > Testimonial categories > Enter name of the new category > click Add New Testimonial Category.

 

Create A New Testimonial
Step 1: 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, choose Testimonial categories
Step 3: Click the Publish button
post4
post5

 

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 :
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.
p337

 

Page Template

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.

Home Page

The theme provides you with 4 kinds of Home page based on customers`s liking: Home page, Home page 2, Home page 3 and Home page 4.

 

Here are images of shortcodes used to create Home page
p1
p3

1. Red Row 1

 

♣ It has a Row shortcode whose style is 2 columns (1/2+1/2)
♣ The first column contains an Image Attributes shortcode. This one comprises 3 Attributes item shortcodes.
Image Attributes settings: There is only an option here. You can upload images
Note: When you let the mouse hover over icons, it will show you title and description.
Attributes item settings:
Title: Enter a title here
Description: Add a short description
Icon: Upload a icon
Choose Color By Class: There are two colors that are orange and green
Choose position: This option handles position of the icon. It can be Default, Top Left, Top Center, Top Right or Bottom Right
p4
p5

 

♣ The second column includes a Product Count Down shortcode
Choose Date: The date on which the count-down will end
Select identificator: Input Product ID/Product SKU/ product title to see suggestions
Upload Icon title: upload a title icon
Choose Style: Default or White.

1. Default

p6

2. White

p7

 

Row settings

p9
p10
p11

 

2. Red Row 2

 

♣ It has a Row shortcode whose style is one column
♣ The column contains a Noo Product Grid shortcode
Icon image: Upload an icon image
Title: Enter a title here
Description: Give a short description here
Choose Style: One or Two. If you choose Style One, there will be icons/thumbnails of product categories that are created in Products> Categories. Besides, when you let the mouse hover over products, you also find the recognizable difference between Style One and Two.p12

1. Style One

2. Style Two

p14


Choose Categories: Choose Product categories that will be displayed.
Product columns: The number of columns is shown
Order By: This option handles the display order of products (Recent First, Older First, Title Alphabet and Title Reversed Alphabet.
Limit: The maximum number of products are shown

p14
p15
p16

 

♣ Row settings
p17
p18
p19

3. Red Row 3

 

♣ It has a Row shortcode whose style is one column
♣ The column contains a Product Masonry shortcode
Title: Enter a title here
Description: Give a short description
Choose Data: Choose data which will be displayed
Choose categories: choose product categories that will be shown
Order By: Recent First, Older First, Title Alphabet or Title Reversed Alphabet
Product Columns:  The number of columns is displayed
Limit Excerpt: This option places a limit the number of words shown in the excerpt
Posts per page: The number of posts is displayed per page
p20
p21
p22

 

♣ Row settings
p23
p24
p25

4. Red Row 4

 

♣ It has a Row shortcode whose style is one column
♣ The column comprises a Noo Farmer shortcode
Title: Enter a title here
Description: Give a short description
Choose Categories: choose farmer categories
Order By: This option determines the display order of farmer (Recent First, Older First, Title Alphabet or Title Reversed Alphabet)
Product Columns: The number of columns is shown
Posts per page: The number of posts is displayed per page
p26
p27

 

♣ Row settings
p28
p29
p30

 

5. Red Row 5

 

♣ It has a Row shortcode whose style is 2 columns
♣ The first column includes Noo Present Product
Icon: Upload an icon image
Title: Enter a title here
Description: Give a short description here
Button name: Give a name to the button
Button Link: Enter link of the button here
p31
p32

 

♣ Row settings
p33
p34
p35

 

6. Red Row 6

♣ It has a Row shortcode whose style is one column
♣ The column contains a Noo Blog shortcode
Title: Enter a title here
Description: Give a short description here
Data Source: Choose a kind of data that will be displayed
Categories: Choose post categories that will be shown
Order By: This option controls the display order of posts (Recent First, Older First, Title Alphabet or Title Reversed Alphabet)
Choose Columns: The number of columns is shown
Posts per page: The number of posts is shown per page
Excerpt Length: This option places a limit on the number of words shown in the excerpt
Show Loadmore button: If you tick this box, the loadmore button will be shown under the content.
p36
p37
p38

 

♣ Row settings
p39
p40
p41

 

7. Red Row 7

♣ It has a Row shortcode whose style is one column
♣ The column contains a Noo Testimonial shortcode
Choose Style: There are two styles that are Pagination and Thumbnail

1. Pagination Style
p42
2. Thumbnail Style
p43

Categories: Choose Testimonial categories in the drop-down list
Your background image: Upload a background image
Order By: This option decides the display order of Testimonials (Recent First, Older First, Title Alphabet or Title Reversed Alphabet)
Auto Play: Choose Yes or No
Limited Testimonial: The maximum number of testimonial is shown

p44

 

Row settings
p45
p46
p47

 

8. Red Row 8

 

♣ 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 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:<input type="email" name="EMAIL" placeholder="Email address" required />
<input type="submit" value="submit" />Mailchimp

MC1
MC2

 

Row settings
row1
row2
row3

 

Home Page 2

Here are images of shortcodes used to create Homepage 2
p48
p49
p50

 

1. Red Row 1

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

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
p53
p54
p55

 

Row settings
p56
p57
p58

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
p59
p63

 

Row settings
p60
p61
p62

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
p64

 

Row settings
p65
p66
p67

 

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
p68
p69
p70

 

Row settings
p71
p72
p73

 

Display of Red Row 4 and 5 on the site:

p78

 

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
p74
p75
p76
p77

 

Display of Red Row 6 on the site:

p79

 

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
p80
p81

 

Row settings
p82
p83
p84

 

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

p87
p88
p89
p85
p86
p90

 

Row settings: 
p91
p92
p93

 

9. Red Row 9

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

 

Row settings
p95
p96
p97

 

Home Page 3

Here are images of shortcodes used to create Home Page 3
p99
p100
p101

 

1. Red Row 1

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

 

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
p102
p103
p104
p105

3. Red Row 3

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

 

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.

p108
p109
♣ 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
p110
p111

 

♣ The third column also comprises 2 Noo Information shortcodes

 

Row settings
p112
p114
p113

 

Display of Red Row 3 and 4 on the site

p115

 

5. Red Row 5

♣ It has a Row shortcode whose style is 2 columns
♣ Each column contains a Single Image shortcode
p116
page117
p118
p119

 

Display of Red Row 5 on the site:

p120

 

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
p121
p125

 

Row settings
p122
p123
p124

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
p126
p127

 

8. Red Row 8

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

 

Row settings
p130
p131
p132

 

9. Noo Testimonial

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

 

Row settings
p135
p136
p137

 

Home Page 4

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

 

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.
p139
p140

 

Row settings
p141
p142

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.
p143
p144

 

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
p145
p146
p147

 

Home Page (Bakery)

Here are images of shortcodes used to create Home page
p245
p247

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 Revolutionp255
p256
p257
p258

 

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
p249
p250

 

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
p320
p321
p322
p323

 

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
p259
p264
p263

 

Row settings
p260
p261
p262

 

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
p265
p266
p267

 

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
p269
p270
p268
p271

 

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
p273
p274
p275

 

Home 2 Page (Bakery)

Here are images of shortcodes used in building Home 2 page
p276
p277

1. Red Row 1

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

 

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
p281
p282
p283

 

Row settings
p284
p285
p286

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
p287
p288
p289

 

Row settings
p290
p291
p292

 

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
p293
p294

 

♣ Row settings
p295
p296
p297

 

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
p298
p299
p300

 

6. Red Row 6

 

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

 

Row settings
p305
p306
p307

 

Header Pages

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

 

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
headerpage1
headerpage2
headerpage3

 

2. Red Row 2

 

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

 

Boxes Page

Here is the image of shortcodes used to create Boxes Page
p163

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
p164
p165
p166
p167

 

Row settings
p168
p169
p170

2. Red Row 2

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

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.

p172
p173

Choose columns: Choose number of columns that will be displayed

p174

 

Display of Red Row 2 and 3 on the site

p175

 

4. Red Row 4

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

 

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

2. Blog Masonry 2 columns

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

1. Red Row 1

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

 

Row settings
p180
p181
p182

 

2. Red Row 2

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

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.

 

Contact Page

Here is the image of shortcodes used to create Contact page

p186

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
page187
p188
p189

 

Row settings
p190
p191
p192

2. Red Row 2

p326
p327
p328

 

♣ 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
noo map1
noo map 2
noo map 4

 

Sidebars & Widgets

 

Organici 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  on the right side (select Page with Left or Right Sidebar in the drop down list). 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
p193

 

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

 

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 Price Filter, Woocommerce Products and Woocommerce Product Tags on the left side to this sidebar> click the triangle icon on the right of widgets > complete options > Save
p195
p196

2. Main Sidebar

This sidebar is shown on Blog Page
Drag Search, Categories, Noo Recent Posts, Tag Cloud and Text widgets on the left side to this sidebar > click the triangle icon on the right of widgets > complete options> save.
p197
p198

 

Woocommerce Pages

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
cart1

 

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
cart2

 

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
cart4

 

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
cart3

 

Customizer

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: 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.
p199

 

Menus

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

 

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…

 

 

Design and Layout

1. Site Layout

You can set Style & Layout for your site. Organici 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.
p203
p204

 

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

 

2. Color

 

You can select a color for links and various elements of your site
p206

 

Typography

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

 

1. Custom Fonts

Use Custom Fonts: Enable Custom Fonts to customize font, font size and other settings for heading and body text.

Custom Font Color: Enable this button to change font color

p207

2. Headings

Headings Font: opt a font type in the drop-down list
Font Color: select a font color
Transform to Uppercase: If ticking this box, you will have headings <h1><h2><h3> which are in uppercase

 

3. Body

Body font: Choose a body font in the drop-down list
Font size: Opt a font size

 

Header

1. Header style

There are 6 types of Header:
♣ Header Default

♣ Header Business

♣ Header Agency

♣ Header Full-width

♣ Header Shop

♣ Header Logo Center

♣ Note: To obtain this type of menu, you will need to create 2 Menus in Appearance> Menu> Create 2 Menus which are Main Menu Left (Menu Left) and Main Menu Right (Menu Right).

center logo 1
center logo 2
center logo 3

 

2. Mobile Menu

 

There are 2 kinds of menu display on mobile: Right To Left (as soon as you click on Menu bar, the menu will run from Right side to Left side) and Top To Bottom (the menu will run from Top to Bottom)

1. Right To Left
mobile menu 1
2. Top To Bottom
mobile menu
mobile menu 2

 

3. 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.
Show Shopping Cart, Show Search Icon, Show User Icon, Show Wishlist Icon: Turn On these buttons to show these items in Header
You can adjust Navbar Height and NavNar 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.

p214

 

Organici 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, uppercase or lowercase for text logo.If turning on this button then you can upload an image and change its height.
p215

 

5. NavBar Top

Settings in this section are used for Header Business
You can add Phone and Email here
p217

 

Footer

Footer Style

There are 3 styles:

♣ Footer Business

There are some extra options related to this Style:
Footer Columns: The number of columns is shown on Footer
Footer Business Background Image: Upload a background image
Footer Top Content: This part is shown on Footer of Shop Page

Footer Business 1
Business 2

 

 

♣ Footer Agency
Footer Agency Background Image: Upload a background image
Footer Nav Menu: Choose a Menu which is shown on Footer
Footer Top Content: This content is shown on Footer of Shop Page
agency
agency 1

 

 

♣ Footer Business Dark
Options in Footer Footer Business Dark style contain: Footer Column, Footer Bottom Content and Footer Top Content (This part is shown on Footer of Shop Page)

dark1
Dark

Widgets

This section enables you to customize Widgets situated in Footer. Besides, you can also add widgets to Menu Sidebar One, Menu Sidebar Two, Menu Sidebar Three, Noo Footer Top, Noo-Footer Column #.
p222

 

Blog

Making some changes 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 a title

Heading Background image: Upload, change or remove 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.

Show Readmore Link/ Post Meta/ Post Tags: Tick boxes to show these items

Enable Social Sharing: Turn this button on to choose social media via which posts are shared.

Sharing Title: Enter a title here

p224
post

 

 

2. Single Post

Post Layout: Tick this box so that  single posts have the same layout as Post list. Uncheck to opt another layout.
Enable Related Post: Turn this button on then related posts will be shown
Show Post Tags, Show Author`s Bio: Tick these boxes to show these items on each post
Enable Social Sharing: Enable/Disable Social Sharing. If it is enabled, visitors can  share your post by Facebook, Twitter, Google+, Pinterest and LinkedIn
p223

 

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
p225

 

2. Single Product

Product Layout: check this box in order that single products will have the same layout as Shop page.
Related Products Count: The number of related products is shown
p226

 

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

 

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

 

Social Media

Input URLs of your social media here so that corresponding social icons will be displayed if Social Icon is enabled on Top Bar or Bottom Bar
p227

 

Visual Composer

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, Organici has 30 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 Organici tab to find a shortcode you want to use. You can add those shortcodes to any pages or posts for your own use.
side4

 

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

 

♣ 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!
vi2
p235

 

• 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.
p236

1. Image Attributes

 

This shortcode is used in creating Home Page
Upload Image: You can upload images here
p4

 

2. Noo farmer

 

This shortcode is one of the shortcodes used to Home Page
Title: Enter a title here
Description: Give a short description
Choose Categories: choose farmer categories
Order By: This option determines the display order of farmer (Recent First, Older First, Title Alphabet or Title Reversed Alphabet)
Product Columns: The number of columns is shown
Posts per page: The number of posts is displayed per page
p26
p27

 

3. Noo Farmer Slider

It is used in building Our Story page
Title: Enter a title here
Description: Give a short description here
Order By: This option handles the display order of farmers (recent first, older first, title alphabet, title reversed alphabet)
Posts per page: The number of posts is displayed per page
Background your image: Upload your background image here
p156
p308

 

4. Noo Present Product

 

Noo Present Product is used in creating Home page
Icon: Upload an icon image
Title: Enter a title here
Description: Give a short description here
Button name: Give a name to the button
Button Link: Enter link of the button here
p31
p32

 

5. Noo Testimonial

 

This one is used to show testimonials on Home Page

Choose Style: There are two styles that are Pagination and Thumbnail

1. Pagination Style
p42
2. Thumbnail Style
p43

Categories: Choose Testimonial categories in the drop-down list
Your background image: Upload a background image
Order By: This option decides the display order of Testimonials (Recent First, Older First, Title Alphabet or Title Reversed Alphabet)
Auto Play: Choose Yes or No
Limited Testimonial: The maximum number of testimonial is shown

p44

 

6. Noo Blog

 

This shortcode is used in creating Home Page
Title: Enter a title here
Description: Give a short description here
Data Source: Choose a kind of data that will be displayed
Categories: Choose post categories that will be shown
Order By: This option controls the display order of posts (Recent First, Older First, Title Alphabet or Title Reversed Alphabet)
Choose Columns: The number of columns is shown
Posts per page: The number of posts is shown per page
Excerpt Length: This option places a limit on the number of words shown in the excerpt
Show Loadmore button: If you tick this box, the loadmore button will be shown under the content.
p36
p37
p38

 

7. Noo Our Story

 

This one is used in creating Home page 2
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
p53
p54
p55

 

8. Noo Our Story 2

 

It is one of the shortcodes used to create Home Page 3
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
p110
p111
p240

 

9. Noo Image Signature

 

This shortcode is used in creating Our Story Page
Image: Upload an image
Background color: Select a background color here
Signature: Display signature by image
Name, Position: Enter name and position
p241
p242

 

10. Noo Title

 

This shortcode is used in creating Home Page 2
Title: Enter a title here
Description: Give a short description here
p64

 

11. Noo Information

 

This shortcode is used in creating Home Page 3
General 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 Right
Design 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 hereBelow 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.
p108
p109
p309

 

12. Noo Images Slider

 

This shortcode is used in creating Home page 4
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
Using Padding?: Choose Yes or No
Click + icon to upload image and add link of the image.
p139
p140

 

13. Noo Images Grid

 

This shortcode is used in creating Home Page of Bakery
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
p322
p324

 

14. Noo Instagram

 

This shortcode is used in creating Home 2 Page of Bakery
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
p298
p299
p300

 

15. Noo About Us

 

This one is used in building Home page of Bakery
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
p249
p250

 

16. Custom Countdown

This shortcode is used in creating Home Page of Bakery
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
p310
p311
p314

17. Noo Clients

This shortcode is used in creating Home Page of Bakery
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
p317
p318

18. Noo Blog List

This shortcode is used in creating Home Page of Bakery
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
p269
p270
p268
p271

19. Noo Image

This shortcode is used in building Home Page of Bakery
Upload Image: You can upload an image
Link Image: Incorporate link of the image into this section
Image height: Set height of the image
p268
p319

20. Noo Service

This shortcode is used to create Home 2 Page of Bakery
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
p287
p288
p289

21. Noo Boxes

This shortcode is used in creating Boxes page
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.

p172
p173

Choose columns: Choose number of columns that will be displayed

p174

22. Noo Product Grid

Icon image: Upload an icon image
Title: Enter a title here
Description: Give a short description here
Choose Style: One or Two. If you choose Style One, there will be icons/thumbnails of product categories that are created in Products> Categories. Besides, when you let the mouse hover over products, you also find the recognizable difference between Style One and Two.
p12

1. Style One
2. Style Two
p14

Choose Categories: Choose Product categories that will be displayed.
Product columns: The number of columns is shown
Order By: This option handles the display order of products (Recent First, Older First, Title Alphabet and Title Reversed Alphabet.
Limit: The maximum number of products are shown

p15
p16

23. Noo Product Slider

This shortcode is used in building Home Page 2
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
p80
p81

24. Product Masonry

This shortcode is used in creating Home page
Title: Enter a title here
Description: Give a short description
Choose Data: Choose data which will be displayed
Choose categories: choose product categories that will be shown
Order By: Recent First, Older First, Title Alphabet or Title Reversed Alphabet
Product Columns:  The number of columns is displayed
Limit Excerpt: This option places a limit the number of words shown in the excerpt
Posts per page: The number of posts is displayed per page
p20
p21
p22

25. Product Countdown

This one is used in creating Home page
Choose Date: The date on which the count-down will end
Select identificator: Input Product ID/Product SKU/ product title to see suggestions
Upload Icon title: upload a title iconChoose Style: Default or White

1. Default

p6

2. White

p7

p237

26. Noo Products Menu

This shortcode is used in building Home 2 Page of Bakery
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
p281
p282
p283

27. Product Simple Slider

This one is used in creating Home page 4
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.
p143
p144

28. Noo Product List

This shortcode is used in creating Home Page 2
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
p59
p63

29. Noo Map

This shortcode is used to create Contact Page
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
p326
p327
p328

 

30. Product Simple

It is used to build Home 2 page of Bakery
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
p293
p294

 

31. Noo Mailchimp

 

1Noo Mailchimp is one of the shortcodes used to create Home Page
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="Email address" required />
<input type="submit" value="submit" />

Mailchimp

MC1
MC2

 

Login