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.
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.
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
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
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
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
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
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 #.
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 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
♣ 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)
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).
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
2. Top To Bottom
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.
4. Logo
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.
5. NavBar Top
Settings in this section are used for Header Business
You can add Phone and Email here
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
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> whichare in uppercase
3. Body
Body font: Choose a body font in the drop-down list Font size: Opt a font size
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.
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.
2. Color
You can select a color for links and various elements of your site
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…
Menus
You can create a new menu, change order of items in a formed menu or add items to the menu
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.
Footer
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
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 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
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
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
3. Noo Footer Column #2
Drag Search, Text, Categories, Tag Could widget to this sidebar> click the triangle icon> Complete options > Save
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
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
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.
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.
Step 1-2
Step 3-5
Step 6-7
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://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
Create A Mega Menu
In order that you can better perceive how to build a Mega menu, we will opt Shop page in which Mega menu is created. Please follow these steps:
Step 1: Navigate to Appearance > Menus > do the same steps mentioned in Set Up Menu to obtain structure of the mega menu on Shop page as in the image
Step 2: Click the triangle icon on the right of Shop pages item then it will expand into many options like:
Navigation label: name of the parent page (Shop page)
Icon: you can select an icon of the page and change size, color and position of the icon here. Click the arrow icon to opt an icon and click the stick icon to make alternations to the icon.
Enable Mega menu: ticking this box allows display of megamenu
Mega menu column: This option has a drop-down list of different numbers of columns shown in Mega menu area. The number varies from 2 to 6. On our demo site, this number is 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.
Step 3: Regarding Shop Page item, it is a Custom link. Therefore, you also have common options like URL, Navigation, Title Attribute and Icon. Besides, you will have an extra option named Mega Menu Widget Area which contains a drop-down list. Thus, you will have to opt Select Widget area whereas the remaining options in this drop-down list will make Shop pages item become a widget area.
Step 4: As for sub-pages like Wishlist, My account, Cart and Checkout, you only need to modify three options which are Navigation Label, Title Attribute and Icon.
Step 5: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.
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://nootheme.com/documents/sidebars-widgets-3/
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 .
Step 6: Click Save menu
An Introduction To Header
Perhaps Header is the first place visitors look at when they go to your site. The first impression is always important; therefore, if the Header can convey your message to users, that is very great! The simple message given to them can be an understandable and clear menu or an amazing and eye-catching design of the header or diversified header styles of your site also make the most choosy customers feel satisfied.
In the most essential respect, a header should contain three parts which are menu area, logo and top bar:
Here is structure of sections in Header, which will help you to acquire essential knowledge of building a Header. In terms of an striking and personal Header, I suppose that it depends on your creativity:))
♦ Set up Menu
♦ Customize Header
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
Installation
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
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.
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.
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:
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.
Pages
Header Pages
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 Story7. 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
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
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.
Home 2 Page (Bakery)
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)
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
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 Generaltab 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
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
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
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
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
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
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
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
♣ The second column includes a ProductCount 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
2. White
Row settings
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.
1. Style One
2. Style Two
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
♣ Row settings
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
♣ Row settings
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
♣ Row settings
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
♣ Row settings
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.
♣ Row settings
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
2. Thumbnail Style
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
Row settings
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" />
Row settings
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.
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
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
Sidebars & widgets
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
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.
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
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.
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.
Note: In some cases, when you add an element and edit it, you should edit Row settings at the same time.
♣ 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!
• 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.
1. Image Attributes
This shortcode is used in creating Home Page Upload Image: You can upload images here
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
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
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
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
2. Thumbnail Style
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
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.
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
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
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
10. Noo Title
This shortcode is used in creating Home Page 2 Title: Enter a title here Description: Give a short description here
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.
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.
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
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
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
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
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
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
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
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
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.
Choose columns: Choose number of columns that will be displayed
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.
1. Style One
2. Style Two
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
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
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
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
2. White
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
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.
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
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
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
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" />
Woocommerce Pages
Woocommerce Pages
After Woocommerce plugin is installed, it creates the following new 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
