Organici WordPress Documentation

The Documentation


ORGANICI GENERAL


Organici Instruction

Firstly we would love to send our great thanks to you for purchasing Organici.Organici is the ultimate responsive WordPress Theme that combines a clean design and a very powerful backend interface that is extremely customizable and easy to use. Flexible settings, Fast loading, Fully responsive, Retina-ready, Live theme customizer, SEO Friendly, One click demo, WooCommerce Built-in, Devoted support and much more. All these amazing features are blended together in Organici – our latest fascinating Theme.Organici brings in the fresh interface with a natural and healthy style that will satisfy all your needs. Make business with our theme and we will not let you down! This documentation covers almost everything to guide your 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 that you have a working WordPress version already installed. For further guides to install WordPress, please find in below useful links:

Download Theme Package

After purchasing our theme from Themforest, 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 side of the theme, choose “All files & documentation” to download our theme package to your computer. The theme package includes:

Requirements for Organici

To use Organici theme, you must be running WordPress 4.6 or higher, PHP 5.6 or higher, and MySQL 5.6 or higher. Follow the checklist below to ensure that your host can work well with Organici theme:

Recommend PHP Configuration Limits

When you are installing Organici theme, you can meet many issues such as: demo content fails when you are importing and other issues. They are related PHP Configuration limits.The best solution is that you need to increase the PHP limits. You can do this on your own or contact your hosting provider learn more about this:

Please follow THIS BLOG learn more about this.

INSTALLATION


There are two ways to install theme. It belongs to the way you choose your preference.

Install Theme via WordPress

Note: If you see this message “Are You Sure You Want To Do This” when installing noo-organici.zip file via WordPress, it means that you have an upload max file size limit.Try to install the theme via FTP instead, or contact your host to increase the limit.

Install Theme via FTP

How to install Organici via FTP.

Plugin Installation

Here is the list of plugins that will come together with our theme when it is activated. It is recommended to install and activate these plugins based on your own need:

Import Demo Content

How To Import Organici Demo Content

See guide to import a sample content into a WordPress blog in WordPress Codex.

Note: Not all the content in our demo will be included. Those files might be excluded from the content your can import:

import sample data import the content file step 3

Update Theme

Auto Update

Please follow these steps to update this theme automatically:

Manual Update

You can also update the new version in traditional way:

Basic Setting

If you’re new to WordPress, you’ll probably see that your site after importing data is completely different from our demo

It’s because some basic settings are needed on WordPress site. If you know where the issue is and how to fix it, please skip this section.

Setup Home Page

To assign Homepage please follow these steps:

Assign Menu

Please go to Appearance> Menus, then find Menu Settings > Theme Locations at the bottom.

Check the Primary Menu, then save it. This action will assign the menu “Main Menu” to the location Primary (the main menu) on our theme.

You can see more details at: http://codex.wordpress.org/Appearance_Menus_Screen

Change Permalink

Please go to Permalinks setting: Settings >Permalinks, then change the Common settings to Post name.

You can see more details at:http://codex.wordpress.org/Using_Permalinks. After these steps are done, your site will look like our demo, you can move on to process to build your content.

CUSTOMIZER


All our theme options can be changed in our Customizer on the left side and live previewed instantly in previewed site on right side. With this intuitive interface, you can customize your website as you wish at your fingertips without writing a line of code.To start using Customizer in Admin Panel,navigate to Customizer you will be redirected to a live preview screen where you can change options on left side and preview your site on right side promptly. All your change will not be committed and viewed on your site until you click Save &Publish on top right of Customizer bar. You also are able to Export your setting in Customizer and Import to apply for other sites.

Site Identity

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.

Bellows(main)

Inside the Bellows configuration section, you will see sub sections

bellows

Each subsection has various settings you can configure. When you change a setting, a preview will appear on the right of the screen

1. General

bellows

The General section is for settings that apply to the menu globally, including the Skin, Folding, Alignment,Width and Container Tag. For example, change the skin and preview the result

2. Font Family:

The font section allows you to change and preview the Font

This section allows you to customize Footer Link,Main Menu,Main Menu Left, Main Menu Right, Userful Link and Menu Locations.

Menus

Footer Link:

Site Enhancement

Enable/Disable some features for your site

site_enhancement

Simple Custom CSS

Simple Custom CSS allows you to add your own styles that will remain even if you change your theme.

WooCommerce

woocommerce

Additional CSS

In this section,add your own CSS code here to customize the appearance and layout of your site.

Design and Layout

design_and_layout design_and_layout

Typography

typography

This section allows you to customize your Typography settings.

header
footer

There are 3 styles:

♣ Footer Business

There are some extra options related to this Style:

♣ 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)

♣ Footer Agency

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, Shop Sidebar, Main Sidebar, Secondary Sidebar, Noo Footer Top, Noo-Footer Column #..

widgets

Blog

Making some changes in this section will have some impacts on Post list and each post on Blog page

Post List:

blog

Post Layout:

blog

Post Layout: Tick this box so that single posts have the same layout as Post list. Uncheck to option another layout.

Show Post Meta,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

Woocommerce

Shop Page:

woocommerce

Single Product:

woocommerce

Custom Code

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.

Import/Export Settings

import_export

Post Types


Farmer

Create Farmer Categories

Go to Farmer> Farmer Categories> Enter name > click Add New Farmer Category.

Create a farmer:

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

testimonial

PAGE


Create New Page

create_new_page
 

Page Settings

create_new_page

When you create a new page, you will have options to change elements of Header. Follow the list of options below to see how they work:

POST


Create New Post

Follow these steps below to create blog post:
create_ post
 

Post Format

Organici supports 6 post formats. Follow these steps below to see the description of Post Formats and Global setting of Post.

WOOCOMMERCE PLUGIN


When WooCommerce plugin is installed in your WordPress website successfully, you are able to create online shop or product list page.Below is the guide to create product or shop page using WooCommerce.

Create New Product

To create a new product, please follow these steps:

Shop Page

To set up a page as Shop page to show all products, create a new page. From admin panel, navigate to Woo Commerce >Settings

In Products tab,navigate to Display sub-tab on the top,here you can find your page from dropdown list to set as Shop page.

Product List Page

To set up a page as Product List page to show all products such as product list 2 columns, 3 columns, you can create a new page. Then, use Noo Product shortcode and configure options on this shortcode. This shortcode will help you to create Product list page.

ORGANICI SHORTCODE


Instead of writing lines of code to build elements, we built Organici with number of premade shortcodes that enable you to create many elements you see in our demo in fingertips.

By installing Visual Composer (the page builder plugin is integrated in the theme package), you will have the Visual Backend Editor where every shortcodes are displayed visually and easily generated with several clicks.

In addition to Default Visual Composer shortcodes, Organici comes with 36 specific shortcodes. To generate these shortcodes, go to Backend Editor, click the “+” icon to add shortcode.

Navigate to Organici Shortcodes to find a shortcode you want to use. You can add those shortcodes to any pages or posts for your own use.

organici-shortcode

Below are a list of 36 shortcodes and their artributes:

shortcode

Image Atributes

This shortcode is used in creating Home page

Detailed option:

Noo Blog Masonry

noo_blog_masonry

Detailed option:

Noo Images Slider

This shortcode is used in creating Home Categories

Detail option:

Noo Blog List

Detailed option:

Noo product grid

Detailed option:

Noo Product List

This one is used in creating Home Organic 4

Detailed option:

Noo Short Introduct

Detailed option:

Noo Our Story

This one is used in creating Home Organic

Detailed option:

Noo Images Grid

Use this shortcode to register user.

Detailed option:

Noo Image

Detailed option:

Noo Product Slider

Detailed option:

Product Simple

Detailed option:

Noo Farmer

This shortcode is one of the shortcodes used to Home Page

Detailed option:

Noo Our Story 2

It is one of the shortcodes used to create Home Boxes Products

Detailed option:

Noo Instagram

Detailed option:

Noo Services

This shortcode will help you to show services on the home page.

Detailed option:

Product Masonry

This shortcode is used in creating Home page

Detailed option:

Noo Recent News

Use this shortcode to display recent posts on your page.

Detailed option:

Noo Farmer Slider

Use this shortcode to display recent posts on your page.

Detailed option:

Noo Image Signature

Detailed option:

Noo About Us

Detailed option:

Noo Mailchimp

It is the shortcode used on most pages of the site

Detailed option:

Product Countdown

Detailed option:

Noo Countdown

Use this shortcode to display countdown on the page

Detailed option:

Noo Represent Product

Detailed option:

Noo Title

Use this shortcode to display title on the page

Detailed option:

Custom Countdown

Detailed option:

Noo Map

This shortcode is used in creating Home Map Page.

Detailed option:

Noo Product Menu

Detailed option:

Noo Product Item

Use this shortcode to build product item on front page.

Detailed option:

Noo Testimonial

It is one of the shortcodes used to create Home Page

Detailed option:

Noo Info

Detailed option:

Noo Clients

Detailed option:

Noo Boxes

Detailed option:

Product simple slider

Detailed option:

Noo Product Banner

Detailed option:

FOOTER


footer1 footer1 footer1

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.

  • Step 1: From Admin panel, navigate to Customizer Footer, set the footer column number from dropdown list. Number of columns can be from 1 to 4. You also can select None to leave it blank (no footer content).
  • Step 2: To add widgets into footer, you can option to add in Customizer > Widgets tab directly or come back to Admin panel > Appearance > Widgets.
  • Step 3: In Customizer > Widget, you will see number of Noo – Footer column #i tab corresponding to number of columns you select in step 1. In each tab, hit Add a Widget button and choose Widget from widget list.
  • If you add widget in Appearance > Widgets, you will see Noo – Footer Column #i widget section on the right hand side. Your widgets are located on the left hand side. Simply drag and drop the widgets you want from the left side into the sliding bar widget sections on the right side.

  • Step 4: Don’t forget to save changes after you customize any widget in footer.
  • SUPPORT


    When you come to this section, we hope that you found all the information provided in this documentation helpful and you have finished installing and polishing your site as what you have imagined of. After reading carefully this guide, if you still need any helps, don’t hesitate to contact us at Noo Support Center. You will be asked to create an account if you are new to us and enter purchase code to post a topic for support. To get your purchase code, please login to your ThemeForest account, navigate to “Downloads”, click the “Download” button on the left side of our theme, choose “License Certificate” to download the license file where you can find the purchase code.

    Please be noted to post a topic with your issues be clearly clarified. It is recommended you send us together with link of your site and your admin account. These will help to save time for both of us. Finally, please be patient. It will take us some time to check all the topics and we will solve topics from older to newest.

    Hopefully, you will enjoy using Organici! Thank you for choosing our theme.