• The theme zip file ORGANIZ.zip(included Visual Composer and Revolution Slider plugins)
• Child theme for easier customize in ORGANIZ-child.zip
• Document in Documentation.zip
• Link download psd ORGANIZ in psd-include.txt

Struct look like:

ORGANIZ includes 8 other folders. Please see explanation below for more details:

• assets: Store less, js, resource default and another plugin for theme. Besides include file for demo data.
• core: This folder store core file to add action for header, footer, woocommerce, function breadcrumb, filter for search.
• inc: Store all functions
• languages: Store .pot file for translate to another language
• templates: Store templates for header, footer, archive, comments, breadcrumb.
• theme-plugins: Store plugins that use on theme
• vc-templates: Store template that override visual composer plugin
• woocommerce: Store template that override for woocommerce plugin

To use ORGANIZ, you must be running WordPress 3.9 or higher, PHP5.4 or higher, and MySQL 5 or higher. We have tested it with Mac, Windows and Linux. Below is a list of items you should ensure your host can comply with.

Recommended PHP Configuration Limits

Many issues that you may run into such as: white screen, demo content fails when importing, empty page content and other similar issues are all related to low PHP configuration limits. The solution is to increase the PHP limits. You can do this on your own, or contact your web host and ask them to increase those limits to a minimum as follows:

• max_input_vars = 3000
• memory_limit = 128M
• max_execution_time = 300
• max_input_time = 300
• upload_max_filesize = 64M
• post_max_size = 64M

Get the ORGANIZ Theme installation package from your account (after login on Themeforest.net) at downloads page and save it to your computer.

Step 1 - Login to your Wordpress Dashboard

Step 2 - Go to Appearance > Themes. Click the Add New button or Add new theme link. (check screenshot below)

Step 3 - Click on the Upload Theme button. Locate ORGANIZ.zip and click Install Now.

Step 4 - Click on the Activate button to activate ORGANIZ.

In cases where you uploaded the files with other FTP tools, open the Wordpress dashboard and navigate to Appearance>>Themes. You can activate Organiz from the theme choices there.

Congratulations, you have now activated ORGANIZ! You can now proceed with ORGANIZ's Plugin Installation.

Installation via FTP

You could consult our video guide on How to install an G5Theme item via FTP

Step 1 - Log into your Hosting server using an FTP client (like FileZilla or WinSCP).

Step 2 - Locate "ORGANIZ.zip" that you found in your ThemeForest Package and unzip it somewhere on your hard drive. Once it is unzipped it will look like a folder named ORGANIZ with all theme files in it.

Step 3 - Locate your Wordpress installation and upload the theme directory ORGANIZ (you unzipped in the previous step) into ../wp-content/themes/ in your Wordpress installation.

Step 4 - Click on the Activate button to activate ORGANIZ. Congratulations, you have now activated ORGANIZ! You can now proceed with ORGANIZ's Plugin Installation.

ORGANIZ has a built-in Grid Plus plugin.Grid Plus is a WordPress grid plugin which allows you create unlimited layout and display all post types in a fully customizable and responsive grid system. It is perfectly suited for displaying your blog, portfolio, e-commerce or any kind of WordPress post type. You can refer to the Grid plus documentation for details on how to use a powerful plugin to build your website:http://plugins.g5plus.net/documents/grid-plus/

All plugins required have been into your download package, so you only need to do is click on the "Begin installing plugins".

You should be navigated to the Install Required Plugin page, which shows a plugin list similar to this:

Next, Click on the checkbox beside "Plugin" label to select all plugins in the list.

Then choose "Install" from the drop-down list at the top and then click "Apply".

The installing process status will be shown in your browser. It may takes a few minutes, so please be patient. After sucessfull, your screen like that

When the notice "All installations have been completed" appears, click on the "Return to Required Plugins Installer" link to turn back to the plugin list.

Next, click on the box beside the Plugin label again to select all plugins and choose Activate this time as image below.

With ORGANIZ, you can build a fully functional website just by clicking a button and install our demo data or click 5.3.1 Create A New Page to step by step. Your ORGANIZ installation will be set up with what we have on our demo website, and you can use it as a template to develop your own website.

Go to ORGANIZ Theme > Install Demo

Then choose option button to install demo as you want:

• Only Setting: Click this button to install only Demo settings
• Install: Click this button to install all settings with demo data of ORGANIZ

The process would be displayed on import status bars so you will know when it is finished and your data is ready.

You should ensure that a non-default permalink setting is selected, e.g. Month and name in Settings > Permalinks .

DONE. Now, you can visit your website to view demo.

You can create any number of pages with content. Our theme includes several page templates to choose from, and you will need to choose the page template that suits your needs. All of this is done in the pages section of your WordPress admin.

If you DID NOT One Click Install Demo, you will need to MANUALLY CREATE your Home and other pages. Here’s how to build a new page:

You could consult our video guide on How to create page using Visual Composer

Step 1 – Navigate to Pages in your admin sidebar and click Add New option.

Step 2 – Input a new name for your page, and click BACKEND EDITOR to build page by Visual Composer or click FRONTEND EDITOR to build page by Visual Composer on the frontend (make sure that you have installed Visual Composer plugin).

Content for your page goes in the editing field, use the Visual or Text editor. Page content is mainly built using Shortcodes. See the Shortcodes section for how to use them. You can also use our demo content, see the corresponding section of this document for the demo code of each page.

• Don't click BACKEND EDITOR: It means that you could input content to Classic Mode Area, then go to Step 3
• Click "BACKEND EDITOR": your screen could be like this

Step 3 – Setup values for Page Settings which will affect to this page only and override options set in the Preset (if this page apply any Preset) or Theme Options..

You could consult our guide on How to use Preset for more details on How to apply Preset to a Page/Post

Any option that was set to be Default or Customize Off means that it will use the value of equivalence option you have set in Preset (if this page apply any Preset) or Theme Options. Insert a different value to override the Preset/ Theme Option value.

Step 4 – Set your Parent page (It’s usually set to No Parent).

Step 5 – Set featured image for your page (optional)

Next, you can publish this page and set it as your frontpage. You could consult (Settings a static page as Home) section.

Note: You need Wordpress, ORGANIZ & plugins are already. Building other homepages process are similar.

I. Overview elements area on page

II. BUILDING

1. BUILDING HEADER AREA

You can consult this video guide on How to build Header Area. This process is similar to building Header Area on ORGANIZ theme.

1.1 Setting header

Go to ThemeOptions > Header tab, then setup options for Header Area as your liking

Note:

You could select a Preset to apply all its settings to Theme Options.

Once you choose a Preset and press Load Preset button, it will get all current values in this Preset and apply to options that corresponds in Theme Options (it means that if later you change any option in this Preset will not affect to Theme Options).

1.2 Add widgets to Top Bar Left area

Go to Apperance > Widget and do follow:

Add widget: G5plus:Login-Register to the Top Bar Left widget area:

1.3 Add widgets to Top Bar Right area

Add widgets Text to Top Bar Right area.

and then add content to Text widget as below:

Code HTML for Text Widget in Top Bar Right:

• Text 1
• Text 2
• Text 3

1.4 Upload logo

Go to Theme Options > Logo Setting tab, do follow:

1.5 Create menu

Go to Apperance > Menus, do follow:

1.6 Setup Header Custom

Go to ThemeOptions > Header Customize, do follow:

2. BUILDING FOOTER AREA

2.1 Settings Footer

Footer Area on the frontend

Go to ThemeOptions > Footer tab, then setup general options for Footer area and Bottom Bar area.

2.2 Add widgets to FOOTER 1 area

Go to Widget Manager

Add G5Plus: Logo widget and Text widget: and G5Plus: Profile widget.

Setup these widgets as below:

and then add content to Text widget as below:

• Text 2

2.3 Add widgets to FOOTER 2 area

Add Text widget to FOOTER 2 widget area

2.4 Add Widgets to FOOTER 3 area

Add Custom menu widget:

2.5 Add Widgets to FOOTER 4 area

Add Instagram widget:

CSS Class:

instagram-grid-3-columns

2.6 Add Widgets to BOTTOM BAR LEFT area

Add Text widget:

CSS Class:

pd-top-5

2.7 Add Widget to BOTTOM BAR RIGHT area

Add Text widget:

CSS Class:

widget-bottom-bar-right xs-text-center

Code HTML for Text Widget in Bottom Bar Right:

• Text

People all around the world use WordPress, around 44% of WordPress websites are written in a language other than English. We’re about to show you how to translate our themes. Using Make as an example, we’ll show you how to translate ORGANIZ theme to Vietnamese, to be precise!

We will using Loco Translate plugin that provides in-browser editing of WordPress translation files.

• 1. Install and activate LOCO Translate plugin.
• 2. Create and update language files directly in your theme or plugin.
• 3. Saving custom translations.

Video guide on How to translate G5THEME Theme using LOCO Translate plugin, Organiz is similar to Beyot.

Preset are Page Options that were set beforehand to facilitate use, it will override settings in Theme Options on all pages applyed it. ORGANIZ Demo Data also has presets which lets you create WordPress landing pages very easily.

You can consult our guide on How to use Preset

Add a new Preset

Apply Preset to Theme Options

Go to ThemeOptions => Load preset

Apply Preset to Page/Post

When update page or create a new page, can choose preset

You can set the following Options for the Preset you are currently editing:

This option is used for setting Page Layout in a Preset. It will overwrite Page Layout settings in Theme Options. Any option is set to "Default" which means they will take on the global options set in ORGANIZ Theme Options

You can set the following Page Layout Options for the Preset you are currently editing:

Attribute	Description
Layout Style	Overwrite the Default Layout Style (set in Theme Options) for page used this preset.
Layout	Overwrite the Default Layout of pages settings section in Theme Options for page used this preset.
Sidebar Layout	Set position for the page sidebar: none, left, right, both of left and right
Content Padding	Set content top/bottom padding. Do not include units (empty to set default)
Content Padding Mobile	Set content top/bottom padding mobile. Do not include units (empty to set default)
Page Slider	Choose the type of slider you would like to display at the top of the page.

This option is used for setting Page Title in a Preset. It will overwrite Page Title settings in Theme Options. Any option is set to "Default" which means they will take on the global options set in ORGANIZ Theme Options

You can set the following Page Title Options for the Preset you are currently editing:

Attribute	Description
Show/Hide Page Title?	Set visible of header, if selected default will take value in Theme Options
Page Title Layout	Set Layout for Page Title: 'Default', 'Tile Left & Breadcrumb Right' , 'Center'
Page Title	Set content of page title. If leave empty will take value title of page
Padding	Set padding top/bottom for page title. If leave empty will take value in Theme Options
Custom Background Image?	Set custom background image for page title. If selected Off will take value in Theme Options
Page Title Parallax	Set parallax mode for page title. If selected Default will take value in Theme Options
Way To Show	Choose Way To Show include: Show All, Only Above Page Title, sOnly Breadcrumb

This option is used for setting Logo in a Preset. It will overwrite Logo settings in Theme Options. Any option is set to "Default" which means they will take on the global options set in ORGANIZ Theme Options

You can set the following Logo Options for the Page you are currently editing:

Attribute	Description
Logo Desktop
Custom Logo	Turn on this option if you want to enable custom logo.
Logo max height	Setting Logo max height (px). Do not include units (empty to set default)
Logo padding	Setting Logo padding top, bottom. Do not include units (empty to set default)
Logo Mobile
Custom Mobile Logo	Upload logo if you want custom logo mobile for page used this preset.
Mobile Logo Max Height	Set max height for logo mobile, if leave empty will take value in Theme Options
Mobile Logo Padding	Set padding top/bottom for logo, if leave empty will take value in Theme Options

This option is used for setting Top Drawer in a Preset. It will overwrite Top Drawer settings in Theme Options. Any option is set to "Default" which means they will take on the global options set in ORGANIZ Theme Options

You can set the following Top Drawer Options for the Page you are currently editing:

Top drawer padding top. Do not include units (empty to set default)

Attribute	Description
Top Drawer Type	Set type of top drawer: 'Disable', 'Always Show', 'Toggle'. If selected default will take value in Theme Options
Top Drawer Sidebar	Set Sidebar for top drawer sidebar, if not selected will take value in Theme Options
Top Drawer Wrapper Layout	Set layout wrapper for top drawer: 'Full Width', 'Container', 'Container Fluid'. If selected default will take value in Theme Options
Top Drawer hide on mobile	Set visible for top drawer area on mobile. If selected default will take value in Theme Options
Top Drawer Padding	Set Padding top/bottom for Drawer area. If you not choose it will set value default

This option is used for setting Header in a Preset. It will overwrite Header settings in Theme Options. Any option is set to "Default" which means they will take on the global options set in ORGANIZ Theme Options

You can set the following Header Options for the Page you are currently editing:

Container Layout

Attribute	Description
Header On/Off?	Set visible of header
Desktop Settings
Header Layout	Set layout of header. If no selected will take value in Theme Options
Set container layout for header: 'Container', 'Container Full'. If not selected will take value in Theme Options
Header Float	Set float for header. If selected default will take value in Theme Options
Show/Hide Header Sticky	Set sticky mode for header. If selected default will take value in Theme Options
Header border bottom	Select Header border bottom, include: None, Full Border, Container Border
Header padding	Set Padding top/bottom for Header area. If selected default will take value in Theme Options
Navigation Height	Set Navigation Height(px). Do not include unit.
Navigation Spacing	Set Navigation Spacing(px) by draging scroll bar .
Page Header Mobile
Header Mobile Layout	Set layout fot header mobile.
Menu Drop Type	Set drop type for menu mobile: 'Dropdown Menu', 'Fly Menu'.
Header mobile sticky	Set sticky mode for mobile header.
Mobile Header Search Box	Set visible for search box.
Mobile Header Login	Set visible for Login.
Mobile header border bottom	Set border bottom for mobile header: 'None', 'Bordered'.

This option is used for setting Top Bar in a Preset. It will overwrite Top Bar settings in Theme Options. Any option is set to "Default" which means they will take on the global options set in ORGANIZ Theme Options

You can set the following Top Bar Options for the Page you are currently editing:

Attribute	Description
Desktop Settings
Show/Hide Top Bar	Set visible of top bar.
Top Bar Wrapper Layout	Set Top Bar Wrapper Layout: "Container" or "Container Fluid".
Top Bar Layout	Set layout for top bar: '1/2-1/2', '2/3-1/3', '1/3-2/3', 'full'.
Top Left Sidebar	Set sidebar for left sidebar. If not selected will take value in Theme Options
Top Right Sidebar	Set sidebar for right sidebar. If not selected will take value in Theme Options
Top Bar Border	Set border for top bar area:'Default','None', 'Full Bordered', 'Container Border'. If selected default will take value in Theme Options
Top bar padding	Set Top bar padding top, bottom. Do not include units (empty to set default)
Mobile Settings
Show/Hide Top Bar	Set visible of top bar. If selected default will take value in Theme Options
Top Bar Layout	Set layout for top bar: '1/2-1/2', '2/3-1/3', '1/3-2/3', 'full', if not selected will take value in Theme Options
Top Left Sidebar	Set sidebar for left sidebar. If not selected will take value in Theme Options
Top Right Sidebar	Set sidebar for right sidebar. If not selected will take value in Theme Options
Top Bar Border	Set border for top bar area:'Default','None', 'Full Bordered', 'Container Border'. If selected default will take value in Theme Options

This option is used for setting Header Customize in a Preset. It will overwrite Header Customize settings in Theme Options. Any option is set to "Default" which means they will take on the global options set in ORGANIZ Theme Options

You can set the following Header Customize Options for the Page you are currently editing:

Attribute	Description
Header Customize Navigation
Header Customize Navigation	Set visible and order item for Header Navigation: 'Sidebar','Custom text content left', 'Navigation Item Spacing ','Custom CSS Class'
Sidebar	Select widget for Sidebar area
Custom text content	Insert Custom text content (html)
Navigation Item Spacing (px)	Set navigation item spacing
Custom CSS Class	Insert Custom CSS class

This option is used for setting Menu in a Preset. It will overwrite Menu settings in Theme Options. Any option is set to "Default" which means they will take on the global options set in ORGANIZ Theme Options

You can set the following Menu Options for the Page you are currently editing:

Attribute	Description
Page menu	Optionally you can choose to override the menu that is used on the page.
Page menu mobile	Optionally you can choose to override the menu mobile that is used on the page
Is One Page	Set page style is One Page

This option is used for setting Footer in a Preset. It will overwrite Footer settings in Theme Options. Any option is set to "Default" which means they will take on the global options set in ORGANIZ Theme Options

You can set the following Footer Options for the Page you are currently editing:

Attribute	Description
Footer Custom	Select one to apply to the page footer
Show/Hide Footer	Select show/hide Footer
General Settings
Footer Container Layout	Set Footer Container Layout: Full Width, Container Fluid or Container
Footer Parallax	You can On/Off Footer Parallax, if selected default will take value in Theme Options
Custom Background Image	Set background image for footer. If leave empty will take value in Theme Options
Footer Image apply for	Select region apply for footer image, Footer Image apply for: Footer Wrapper or Main Footer.
CSS Class	Insert CSS Class (optional)
Above Footer Settings
Above Footer	Select Widget to display on Above Footer Area, if selected default will take value in Theme Options
Main Footer Settings
Show/Hide Footer?	Set visible of footer, if selected default will take value in Theme Options
Footer Container Layout	Set container layout for footer: 'Full Width', 'Container Fluid', 'Container', if selected Off will take value in Theme Options
Layout	Set layout sidebar for footer, if not selected will take value in Theme Options
Collapse footer on mobile device	Set collapse mode for footer on mobile device. If selected Default will take value in Theme Options
Footer padding	Set padding top/bottom for main footer. If leave empty will take value in Theme Options
Bottom Bar Settings
Show/Hide Bottom Bar	Set visible of Bottom Bar , if selected default will take value in Theme Options
Bottom Bar Container Layout	Set Container layout sidebar of Bottom Bar area, if no selected will take value in Theme Options
Bottom Bar Layout	Set layout sidebar of footer bottom area, if no selected will take value in Theme Options
Bottom Bar Left Sidebar	Set sidebar for footer bottom left, if no selected will take value in Theme Options
Bottom Bar Right Sidebar	Set sidebar for footer bottom right, if no selected will take value in Theme Options
Bottom Bar Border Top	Set Border Top for Bottom Bar: 'Default', 'None', 'Full Border' , 'Container Border'
Bottom bar padding	Set padding top/bottom for footer bottom area. If leave empty will take value in Theme Options

This option is used for setting Colors in a Preset. It will overwrite Theme Colors setting in Theme Options. Any option is set to "Default" which means they will take on the global options set in ORGANIZ Theme Options

You can set color for each area on page :

Attribute	Description
General Settings
Custom Color General	On/Off Custom Color for your website
Accent Color Customize	Customize color for Accent Area
Foreground Primary color	Customize Foreground Primary color
Text Color	Select color for text
Border Color	Select color for border
Heading Color	Select color for Heading
Top Drawer
Custom Color Top drawer	On/Off Custom Top drawer color
Top drawer background color	Customize Top drawer background color
Top drawer Text color	Customize Top drawer text color
Header
Custom Color Header	On/Off Custom Top drawer color
Header background color	Custom header background color by select color
Header Text color	Select color for text in header
Header Border color	Select color for border
Top Bar
Custom Color Top Bar	On/Off Custom Top Bar color
Footer
Custom Color Footer	On/Off Custom color footer
Footer background color	Customize color for Footer background color
Footer text color	Customize color for Footer Text color
Footer widget title color	Select color for Footer widget title color
Footer border color	Select color for Footer border color
Bottom Bar
Custom Color Bottom Bar	On/Off Custom color Bottom Bar
Bottom Bar background color	Customize color for Bottom Bar background color
Footer text color	Customize color for Bottom Bar Text color
Bottom Bar border color	Select color for Bottom Bar border color

Page Settings is one of the ORGANIZ's features that located within each page and post. Page Settings will only affect the individual page you change them on and overrides options set in the Theme Options.

Now we will show you How to config product image like demo

Content management is a breeze with Fortuna and it requires absolutely no coding skills. Using a highly customized version of the Visual Composer plugin the theme offers a user friendly Drag'n'Drop interface for easy page creation and editing. Follow these simple steps to create a Page with ORGANIZ:

Step 1:Go to Pages > Add new in your Dashboard. Add a Title to your Page (top field).

Step 2:Switch to Backend Editor if you are currently under Classic Mode (button below Title field).

Step 3:Start adding page content by clicking on the Plus button or Add Element.

Step 4:The Add Element Popup appears, click on the first element in order to add a new Row to your page. A Row is a main building block of a page, you can split your Rows into Columns, place various elements into your rows, set Row Backgrounds, effects etc.

Step 5:Once you have the new Row added to your page you can split that Row into Columns in order to organize elements nicely in it. Once you split your Row into column you can start adding different Page Elements into your columns. If you want to edit your Row/Column Settings click on the small Pen icon (top right corner of the Row/Column). You can also Duplicate your Row with the Icon (duplicate icon) next to it or Remove the Row/Column with the icon to the right (trash bin icon).

Row Settings (General)

Click on the Edit Row button (Pen icon, top right of the Row). You will see the Row Settings Dialog popup.

Layout:

Default - Row will full width (option default)

Stretch row - Row will full width, visible content if overflow

Stretch row and content - Max width 1170px and center.

Stretch row and content (no paddings) - Full width, padding left and padding right 15px.

Default(no paddings) - Full width, padding left and padding right 0px.

Columns gap:

In order to control gaps between columns navigate to row parameter window and change column gap option - the gap will be introduced between all columns within this row. Default value of gap is set to 0.

Important: In case of mobile stacking gap will be introduced between stacked columns as well.

Full Height Row and Video Background:

Equal height:

In order to set columns within row to be equal height you must navigate to row parameter window and check Equal height option to be active. All columns within this row will have equal height and align to the longest column.

Content position:

In order to control vertical alignment of content within rows/columns navigate to row parameter window and select position of content - top, middle or bottom. By default value is set to "Default" meaning it will use Top or any other alternative if defined within your WP theme.

Parallax:

Show background overlay (Overlay Color)

Step 1: - Select Overlay Type

Step 2: - Click button to select color of background overlay

Step 3: - Set opacity for overlay (0 → 100)

Show background overlay (Overlay Image)

Step 1: - Select Overlay Type

Step 2: - Click button to select image or set background image from Design Options

Step 3: - Set opacity for overlay (0 → 100)

Row ID

Set ID of row (Note: make sure it is unique and valid according to w3c specification)

Row Settings (Design Options)

Managing Columns

Once you have the desired number of columns in a Row you can manage each Column's individual settings by clicking on the Toolbar icons of that specific Column. The Plus Icon adds an element to the top of the Column, the bottom Plus Icon adds an elemnt to the bottom of the Column. The Trash Bin icon removes the Column. Access the Column Settings by clicking on the Pen Icon.

Column Settings (General)

Access the Column Settings by clicking on the Pen Icon. The General tab provides with the option to add CSS classes to your Column if you wish to access it via CSS (can pass more than one divided by a space).

Column Settings (Design Options)

Column Settings (Responsive Options)

Adding Page Elements to your Page is pretty straightforward. First you need to have created a new page, added a Row to it and defined your Row Columns (read more in the previous section).

Step 1:Click on one of the Plus Icons within the column you want to add a new element to.

Step 2:The Page Elements dialog will appear, click on the element you want to add to your Column/Row.

Step 3:The Element Settings Dialog of the Element you are adding appears. Customize your element anyway you want, then click Save.

Step 4:Your element is now in the Column you added it to. Once you hover your newly added element you will see a small popup that let's you manage it. You can do the following with your elements:

Move - Drag your element via the Direction Icon to move it around within the Column,Row or Page.

Edit - Click on the Pen Icon to edit your Element's properties.

Clone - Click on the Copy Icon to duplicate your Element.

Delete - Click on the Trash Bin Icon to remove your Element.