Copyright Themevin 2018

Ozganiko - A Organic Store And Food Shop WordPress Theme

MODERN ONLINE STORE WORDPRESS THEME

OZGANIKO is a clean, modern, functional and easy-to-use responsive parallax wordpress theme that has been purposely built for the organic food, organic shop and organic farm industry. OZGANIKO is a powerful yet easy to use and customize. It offers a fully responsive design that is retina ready, SEO friendly and supports WooCommerce. Moreover, OZGANIKO has 5 shop layouts, smart megamenu, advanced skins options, 5+ different Demo Homepage, 6 different header layout, 800+ Google Fonts, and so much more that help you to create amazing websites effortlessly and without spending the enormous amount of time. The extremely user-friendly interface, versatile design, and new features of OZGANIKO theme make it the perfect investment for your time, efforts, and business.

OZGANIKO features eight completely different homepages, clean designed demo homepage templates for you to get started. This documentation just a glimpse of what you can achive by using the theme. And we are just getting started as our designers will continuously add more homepages and custom pages.

We have prepared detailed user manual in order to ensure smooth and easy work with OZGANIKO. However, If you have any question that are beyond the scope of this documentation or difficulties with our theme – we will be there for you! Please feel free to contact us via our helpdesk or email and we will get back to you as soon as possible! Thank you so much for purchasing our theme!

Files Included

  • The theme zip file themevin-ozganiko.zip (included Visual Composer and Revolution Slider plugins)
  • Child theme for easier customize in themevin-ozganiko-child.zip
  • Document in Documentation-ozganiko.zip

Struct look like:

dashboard

Code navigation

OZGANIKO includes 6 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.
  • woocommerce: Store template that override for woocommerce plugin

System Requires

To use OZGANIKO, 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

Please consult Check System Status section to make sure your server is set up properly and the theme and content will be loaded correctly. Enough server configuration will also ensure fast speed and increase performance.

Download OZGANIKO Theme

Navigate to Themeforest account and access at Downloads page in the profile. You’ll see the Download button in front of OZGANIKO theme. After you click it, you’ll get the options to download all files in zip-archive, licenses and purchase code, or installable pack only (We would recommend you to install all files of the theme).

dashboard

Please, unzip the archive on your computer. you’ll get the themeforest-17387412-ozganiko-wp-theme folder. All the information you may need is located in it.

Install OZGANIKO Theme

You can consult our video guide on How to install OZGANIKO Theme with all demo content via WordPress

Video guide on How to install OZGANIKO Theme via WordPress

If you don’t like the video or need more instructions, then let’s go through this step-by-step:

Step 1 - Login to your Wordpress Dashboard

download

Login to your WordPress Dashboard


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

dashboard

Goto Appearance → Themes


add new

Click Add New


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

install

Upload OZGANIKO theme


install

Install OZGANIKO theme


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

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

manage

Activate OZGANIKO theme


Congratulations, you have now activated OZGANIKO! You can now proceed with OZGANIKO'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 "themevin-ozganiko.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 OZGANIKO with all theme files in it.

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

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

Install OZGANIKO Required Plugins

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

install plugins

Begin installing plugins


You should be navigated to the Install Required Plugin page, which shows reqquired plugins list, all you need is clicking 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".

install plugins

Install all required plugins


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.

install plugins

Click on "Return to required plugin installer" link


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

active all required plugins

Activate all required plugins

System Status

System Status help you get important information of Server and WordPress environment without having to check the system status on your server. Please check this page before contacting customer services and asking your server to change the status of the server as we recommended.

From admin dashboard, go to OZGANIKO → Welcome

System Status

Check System Status


Change the memory limit in your php.ini

Many common issues that you may run into such as: white screen, demo content fails when importing, message "Fatal error: Allowed memory size of xxxxxx bytes exhausted" empty page content and other similar issues, etc are all related to low PHP configuration limits. To fix the Allowed memory size exhausted error, we need to increase the memory limit. This memory_limit can be changed in the php.ini in the public_html folder in your hosting account. This error can creep up in your website during the normal development process.

Step 1: Login to your cPanel

Step 2: Go to the File Manager.

Select the Web root (public_html/www) directory and click Go.

Step 3: Find the php.ini file in the public_html.

Note: If you do not have a php.ini in your public_html files, you can have our tech support staff restore the php.ini to your public_html directory.

Open the php.ini with the code editor.

Step 4: Find the following section in the php.ini file, then 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

Save the changes.

Step 5: In order for your memory limit to take effect you will need to make the php.ini recursive.

Making your php.ini file affect all child folders as well is referred to as making the file "recursive". To make your public_html/php.ini file recursive, edit (or create the file if it doesn't exist) your public_html/.htaccess file and add the following code:

suPHP_ConfigPath /home/username/public_html

(replace username with your cPanel username) This line you entered is specifying the directory where the php.ini is located that you want to make recursive. This change is immediate, so you should see the update right away.

After saving the changes, be sure to create a phpinfo page in one of your subdirectories and test the results.

Video guide on How to View your PHP Settings with a PHPinfo page

When looking at your phpinfo page, the "Loaded Configuration File" should reflect the php.ini file that you wanted to make recursive. Now visit the site. You should not see the "Allowed memory size" error anymore. If the error still shows on your website, there may be a setting within the software itself that is overriding the change or the php.ini in the public-html may be overriden by another setting elsewhere. If this is the case, you can contact our our tech support staff to have them look into the error further.

The official WordPress guide on this topic can be found here: http://codex.wordpress.org/Editing_wp-config.php#Increasing_memory_allocated_to_PHP

One Click Install demo

With OZGANIKO, you can build a fully functional website just by clicking a button and install our demo data or click Manually Setup section to build your website step by step. Your OZGANIKO 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 OZGANIKO → 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 OZGANIKO

Import demo Content in One Click03

Choose option button to install


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

Import Status Bars

Installation Process


You can create a custom URL structure for your permalinks and archives. Custom URL structures can improve the aesthetics, usability, and forward-compatibility of your links. You should ensure that a non-default permalink setting is selected, e.g. Month and name in Settings → Permalinks .Then select Post name and click Save Change

Setup Permalinks


DONE. Now, you can visit your website to view demo (demo Home page 01)

demo Homepage1

Import demo Content via XML file

If you are new to WordPress and have problems with setting up the theme you might want to import the demo content file that comes with the OZGANIKO. The following actions will import some dummy posts and pages from the live preview:

  • Go to menu ToolsImport
  • Select WordPress from the list

  • demo


  • If you haven't installed the WordPress import plugin, a popup window will appears and ask you to install it. Just click Install Now. When the installation progress is completed, click Activate Plugin & Run Importer. If you have installed this plugin, skip to next step.

  • demo


  • Click Browse and select demo-data.xml file from the download package
    (Example: demo Data on path: wp-content\plugins\OZGANIKO-framework\assests\data-demo\main)
  • demo


    demo


  • Click Upload file and import
  • demo


  • When you are asked to import author, you can create new author or import to existing author. You also should check the Download checkbox and import file attachments.

Display asked to import author, selected and continue

demo


Once the importing is complete:

  • Go to Settings -> Reading and set the front page to display a “front page” then select one of the demo homepages from the list (the demo homepage uses page "Home 1")
  • Go to Appearance -> Menu and set the menu to the “Main Navigation Menu” theme location
  • Go to the OZGANIKO -> Theme Options and upload/select your logo. Please consult below sections for more details on How to build your own site.
  • And that is pretty much it, shouldn't take more than a few minutes.

    After completing all above steps, open frontend link (Landing Page) to see your result

    demo

    If you don't want to use the demo content pack, you can read the instructions on how to work with our theme built-in Page Builder below to make your own pages.

Creat a new page

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:

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


Step 3: Content for your page goes in the editing field, use the Visual or Text editor. With Visual Composer, page content is mainly built using Shortcodes, Template. See the Shortcodes and Templates 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 4
  • Click BACKEND EDITOR: your screen could be like this


Step 4 – 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. With each page, Page Settings is first priority, next is Preset, then is Theme Options, any change in Page Settings just affect to this page, not entire website.

General Settings:


Menu Settings:

Any option that was set to be Default or was not customized 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.

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

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

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

Step 7 - You can save draft/preview or publish this page and set it as your frontpage. You could consult Settings a static page as Home section.

Demo Hompage

Visual Composer is the most powerful and used WP pagebuilder and there is more than 1 million sites that are using that to create homepage. This plugin is included in OZGANIKO theme by free to create advanced and complex homepage in simplest way ever has seen!

Now you can start fiddling with Visual Composer to build your home page with any design that you like and also you can read the Visual Composer documentation to learn how to use it HERE

In case you don't have time for experience with it, you can use Classic Mode and switch to the Text tab, then paste this code into the content of your page. It help you build your frontpage based on one of the pre-made home page we offer and create a new page similar to our demo Homepage.


demo HOME 1

demo HOME 2

Demo HOME 3

Demo HOME 4

Demo HOME 5

Building OnePage

Home OnePage aims to focus the user's attention to the content that they want. When you choose an item on Main Menu of OnePage, it immediately navigates to the section that you've chosen.

If you want to build your Home OnePage please consult our guide below:

Step 1 - You just have to create a Menu with Links as items.

Step 2 - Go to your homepage, anywhere you want the menu item to navigate to section, please edit row by Visual Composer and type id on field: Row ID (make sure that the Row ID is the same as menu item URL)

Step 3 - After building content to your Homepage, scroll down to Page Settings area to choose style of page is OnePage

You could please consult our video guide on How to build OnePage (We use ORSON theme for example but this process is similar to the process of building OnePage on OZGANIKO theme).

Video guide on How to build one page (Ex: ORSON Theme)

BUILD AN EXAMPLE HOMEPAGE

THIS IS STEP BY STEP GUIDE ON HOW TO BUILD HOMEPAGE MANUALLY FOR HOME 1

Note: You need Wordpress, OZGANIKO theme & all required plugins are already. Building other homepages process are similar.

I. OVERVIEW ELEMENTS AREA ON PAGE

Elements in Home 1 page

II. BUILD HEADER AREA

You can setup options in Theme Options (which will affect to entire website) or create a new Preset and apply to any page. Please consult this video guide on How to build Header Area. This process is similar to building Header Area on OZGANIKO theme.

The screenshot below is an header area:


1.1 Setting Top Bar Left and Top Bar Right

Add widgets to Top Bar sidebar

Go to Widget Manager

1. Add Ozganiko: Social Profile widget and Text widget to Top Bar Left sidebar

Firstly, add Ozganiko: Social Profile widget to Top Bar Left sidebar and setup as below:

Add Ozganiko: Social Profile widget to Top Bar Left area

Second, add Text widget to Top Bar Left sidebar and setup as below:

Add Text widget to Top Bar Left sidebar

2. Add Ozganiko: My Account widget to Top Bar Right sidebar

Add Ozganiko: My Account widget to Top Bar Right sidebar


Add new Content Block to display as Topbar

You can use Visual Composer elements/shortcodes/templates to build your Top Bar Area as your liking by using Content Block. Here we used WordPress Widgetised Sidebar element that contains 2 Top Bar sidebars

Add New Content Block for Footer area

Specify the Content Block to use as a Topbar content in Theme Options

If you want apply this header to all your pages, setup by going to Theme Options → Header tab, In case you only want to apply this header for some pages/posts such as homepage, please create a new Preset then setup options for Header Area as your liking as below. (You can consult Preset Options section for more details in use Preset)

Top Bar Options tab in Preset


1.2 Setting header

Setup Header area in Header tab of the preset named "Home 1" (in case you only want to apply this header for only this homepage)

Header Options tab in Preset


1.3 Upload logo

Go to Theme Options → Logo tab, then change logo (please read detailed description below each item before upload):

Logo Options tab in Preset


1.4 Create menu

The menu is one of the most important elements of the site. It provides your visitors with the information about site structure. If your menu has well-thought and conveniently grouped elements, you visitors will be able to find the needed section easily. You can also consult Mega Menu section to build an attractive menu by your own.

Navigate to AppearanceMenus section to manage all menus on your site and do follow as below screenshot:

Appearance → Menus


In the Menu Settings section, click to Primary Menu to setup this menu to be the main site menu and is used almost in all header styles and menu locations.

If you want to extra more fields to add to your menu, you can click on Screen Options and select:

Extra fields to add to menu

Finally, don't forget to Save Menu after everything is set properly and check it on the site.


IMPORT SLIDER HOME PAGE

After setting up the homepage, you need to setup the slider for homepage to make it display the same as in live preview. The download package contains the exported slider (Revolution Slider) that can be used as your slider template. Please follow the steps below to import it to your shop:

  • Go to "Revolution Slider"
  • Click "Import Slider" button
  • When a popup appear, click "Browse" and select one of zip sliders(these files include in main file downloaded) file.
  • Click "Import Slider" button to start import the selected slider
  • Repeat the steps to import all

You could consult our video guide on How to Import Slider using Revolution Slider


Please note that these steps are to set up slider for homepage the same as in live demo. If you want to make your own slider, please follow the official Slider Revolution document.

Contact Form

You can do step by step as image below to build contact form

Add New Contact Form

You can visit Contact Form 7 Plugin to further details. Or copy and paste content to Form field like this:

Example Value Content for Contact Form

You can also consult a lot of our contact forms have been created here:

Translate Theme

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

Please confsult our video guide on How to translate WordPress Theme using LOCO Translate plugin, We have been use Mowasalat theme for example and the process of OZGANIKO theme translation is similar to this.

Video guide on How to translate theme using LOCO plugin

Setting a static page as Home

If you installed OZGANIKO demo Data, you don’t need to create a new Home Page, you just need to choose from the list Home Pages that were automatically created from the demo content, following these steps:

  • Go to Settings → Reading.
  • For Front page displays, select A static page (select below)
  • Choose any homepage as you want... from the dropdown for Front page
  • Click Save Changes

Save all your changes!

WordPress Settings

You can adjust WordPress settings as follows:

Step 1 – You can set Site Title, Tagline in Settings → General

 

Step 2 – You can set Blog pages show at most in Settings → Writing

 

Step 3 

If you installed OZGANIKO Demo Data, you don’t need to create a new Home Page, you just need to choose from the list Home Pages that were automatically created from the demo content. You can select Front Page displays in Settings → Reading. Select A static page and Choose any homepage as you want from the dropdown for Front page

Click Save Changes

 

Step 4 – You can set Discussion settings in Settings → Discussion

 

Step 5 – You can change Image sizes in Settings → Media

We used the following sizes on our demo sites:

  • Thumbnail size: 150 x 150
  • Medium size: 300 x 300
  • Large size: 1024 x 1024

Step 6 – You can set Permalinks in Settings → Permalinks


Step 7 – You can set Post View Counter in Settings → Post View Counter

In this section you can select post types for which post views will be counted and how this Post View Counter display on th frontend.


Step 8 – You can set Advanced Email settings in Settings → WP Mail Settings

Goto Settings → WP Mail Settings


Setup WP Mail options

You can also consult Email Settings section.


Page Settings

Page Settings is one of the OZGANIKO'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 and Preset (If this page/post applied any preset).

You could consult our guide on How ThemeVin Options work for more details about the relationship between Theme Options, Preset and Page Settings

PAGE SETTINGS IN PAGE

From WP-dashboard, navigate to Page → Add New.

Page Settings

Page Settings

Page Settings that located within each PAGE has 2 sections: General and Menu section.

General Option

Page Settings

General section

Menu Option

Page Settings

Menu section

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.

Preset and Page Options will use the Theme Options value if left empty or if the value is default. They will override Theme Options if any other value is entered. This setup gives users maximum flexibility for setting a global theme option, then being able to override it on a page/post/shortcode basis


POST SETTINGS

From WP-dashboard, navigate to Post → Add New.

Post Settings

Post Settings that located within each POST has 4 section: General section, Menu section, Single Post section and Related Posts section. General and Menu section is similar to Page Setting in Pages, and Post Settings in Posts have 2 more sections for post settings as below:

Single Post

Post Settings

Single Post section

Related Posts

Post Settings

Related Posts section

Any option that was set to be Default or Inhirit means that it will use the value of equivalence option you have set in Blog panel in Theme Options. Insert a different value to override the Theme Option value.

POST FORMAT

Post formats are used to style and display a post according to a specific content. OZGANIKO theme supports all Post Formats other than the "Standard" post format. Let's see how to use post formats from your post editor.


Setup your post normally and add images to gallery by upload or choose from media library.

Post Format


Setup your post normally and set a featured image, then copy the embed code of the video from YouTube, Vimeo or any other site that WordPress supports Embed for that site. Paste the code in the Featured Video Code field.

Post Format


Setup your post normally and add URL and Text to fields. Adding link post format is like normal/standard post format but the theme automatically links the featured image to the URL

Post Format


Setup your post normally and add content to quote content field, author name field, author url field.

Post Format


WordPress supports embedding into posts by default .Setup your post normally and add audio URL into the Audio Code field to place audio player in top of post page.

Post Format

Preset Options

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

Video guide on How to use Preset

Apply Preset to Page/Post

When you create a new page/post or edit a page/post, you can choose a preset from drop-down list then apply the preset to the page/post. All settings in the preset will be applied for this page/post and override settings in Theme Options. You can also Edit or Add New Preset by click on buttons next to drop-down list.


From a page that has been applied a Preset on the frontend, you can edit the Preset by clicking to Edit Preset button


Preset Options

From WP-dashboard, navigate to OZGANIKO → Theme Options.

Goto Preset from dashboard

1. Manage all presets: From the interface of Theme Options, you can manage all presets list, choose a preset to edit/delete or preview it on the frontend

Manage all presets

add new preset

Create a new Preset

2. Preset Setting: Preset Setting in Theme Options is a option that you can choose a Preset to apply for each page type (404 page/blog/woocommerce)

Preset Setting in Theme Options

NOTE: Preset and Page Settings will use the Theme Options value if left empty or if the value is default. They will override Theme Options if any other value is entered. This setup gives users maximum flexibility for setting a global theme option, then being able to override it on a page/post/shortcode basis. You can consult our guide on How to use Preset for more informations.

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

Page Layout

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 OZGANIKO Theme Options

Meta Options Page Layout

Page Layout Options for the Preset:

Attribute Description
Size Layout You can set layout: WWide, boxed, framed, bordered
Main Content
Content Full width Enable/Disable option that expand the content area to full width
Content Padding Set content padding
Sidebar layout Select widget area to display as sidebar
Mobile
Content Padding Mobile Set content top/bottom padding mobile. Do not include units (empty to set default)

Top Drawer

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 OZGANIKO Theme Options

Top Drawer Options for the Preset:

Attribute Description
Top Drawer Type Set type of top drawer: 'Disable', 'Always Show', 'Toggle'.
Content Block Select Content Block from list to use as a top drawer content.
Top Drawer Sidebar Set Sidebar for top drawer sidebar, if not selected will take value in Theme Options
Top Drawer Full width Set Page Transition status: on, off
Padding Set Padding space for website include: padding-left, paaging-right...
Border bottom Set the border bottom mode: none, full, container
Mobile enable Set mobile enable:on, off

Top Bar

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 OZGANIKO Theme Options

Meta Options Top Bar

Top Bar Options for the Preset:

Desktop
Top Bar Enable Enable/Disable Top Bar
Content Block Specify the Content Block to use as a top bar content. You can consult Content Block for more details on how to use blocks
Mobile
Mobile enable Set mobile enable:on, off

Header

This option is used for setting Header area 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 OZGANIKO Theme Options

Meta Options Header

Description of Header Options for this Preset

Attribute Description
Header Enable Set enable/disable of header
Header Responsive Breakpoint You can response with 3 screens of devide
Desktop
Header Layout Set layout of header in Desktop
Customize Navigation Set navigation, space between them and you can add CSS if you want
Header Full Width Set enable of full width header
Header Float Set enable float for header
Header Sticky Set sticky mode for header:on, off
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 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'.
Mobile Header Search Box Set visible for search box.
Header mobile sticky Set sticky mode for mobile header.
Customize Add items, space between them and custom CSS (if you want)
Border bottom Set border bottom: Full, container, none.
Header padding Set header padding space

Page Title

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 OZGANIKO Theme Options

Meta Options Page Title

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

Attribute Description
Show/Hide Page Title? Set visible of Page Title, if selected default will take value in Theme Options
Content Block Set Content Block have been built for Page Title from list

Colors

This panel is used for setting Colors in a Preset. From here you can custom and change color options for each area on page (pages are applied this preset). You can custom and choose custom color skin to display here. Please consult Skin section for more details.

Meta Options Colors Setting

Color Options :

Attribute Description
General
Body Background Customize the body background color and media
Accent Color Customize color for Accent Area
Foreground Accent color Customize Foreground Accent color
Content Skin Select the content color skin
Content Background color Select Background color
Header
Header Skin Specify the header color skin from skins list
Header Background Color Specify a custom header background color
Header Sticky Skin Select the skin to display as header sticky from skins list
Header Background Color Specify a custom header background color
Header Mobile
Header Mobile Skin Select the Header Mobile color skin from skins list
Header Mobile Background Color Specify a custom Header Mobile background color
Page Title
Page Title Skin Select the Page Title color skin from skins list
Page Title Background Color Specify a custom Page Title background color

Using Preset to setup the full width Woocommerce shop page

Examples in this documentation just a glimpse of what you can achive by using renewal options in the OZGANIKO theme. Let's discover OZGANIKO by your own!

Example using Preset to setup the full width Woocommerce shop page

Step 1:  Create a new Preset named Shop Preset then setup options for the Preset that will be applied for Woocommerce shop page.

Preset Options

Create new preset to applied for Woocommerce shop page

8 separates of Preset options will be setup as below:


Preset Options

Preset Options

Preset Options

Preset Options

Preset Options

Preset Options

Preset Options

Preset Options


Step 2:  Apply the preset named Shop Preset for Woocommerce Product Listing in Theme Options.

Preset Options

Apply Preset to each page types in Theme Options


Do not forget to setup for Woocommerce elements in Theme Options (Please consult Woocommerce option in Theme Options) and main Woocommerce Settings. And the screenshot below is your result:

Preset Options

Woocommerce Shop Page fullwidth on the frontend


Note: As mentioned above, you can also apply Preset to each Page/Post if you want.

When you create a new page/post or edit a page/post, you can choose a preset from drop-down list then apply the preset to the page/post. All settings in the preset will be applied for this page/post (override settings in Theme Options).

Apply Preset to Page/Post


From a page that has been applied a Preset on the frontend, you can edit the Preset by clicking to Edit Preset button

Theme Options

Theme Options located in WP Dashboard → OZGANIKO → Theme Options includes all global options that affect your entire website. These options can be overwritten by setting options in Page Settings (or Preset) with any page custom Page Settings (or apply Preset).

By clicking on the Theme Options menu, you'll be able to change all settings that affect to entire your website.

Goto Theme Options from WP dashboard

Theme Options are logically organnized into tabs, each tab contains all the options for that specific area within your site.

15 sections to setup in Theme Options

With OZGANIKO, we integrated Preset to Theme Options, so you can also goto WP Dashboard → OZGANIKO → Theme Options to manage all Preset by create new or edit/preview/delete any preset from list.

Navigate to Preset Options

You could consult our guide on How to use Theme Options and How to use Preset for more detail about How to use Theme Options properly on your website.

We highly encourage you to explore the theme options and experiment with what all the available options can do.

General

General tab is divided into a few sections. Asides from the Install demo Data section mentioned above, there are a few important sections for you to customize your layout.

Meta Options Page Layout

Page Layout Options:

Attribute Description
Smooth scroll Set Smooth scroll status: on, off
Lazy Load Image Set Lazy Loadd Image status: on, off. If enabled, images will only be loaded when they come to view
Custom Scroll Set Custom Scroll status: on, off
Back to Top Set Back to Top status: on, off
RTL Mode Set RTL Mode status: on, off. For languages that read from right-to-left unlike English which is left-to-right, switch RTL smode, as long as you it's in your language and uses the correct locale.
Menu Transition Set status: Fade on, Fade off, Fade in Up, Fadein dowwn...
Social Meta Set Social Meta Tags status: on, off
Search Popup Set Search Popup status: on, off
Maintenance Set Maintenance Mode: On(Custom Page), On(Status Page), Off
Page Transition Set Page Transition status: on, off
Custom Favicon Set Custom Favicon with each screen size
404 Page Set Content Block and content for 404 page

Page Layout

Layout Options has all options for setting site layout (pls read infomation below each option for more details)

Meta Options Page Layout

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

Attribute Description
Site Layout/td> You can select one of 4 layouts: Wide, boxed, framed, bordered
Main Content
Content Full width Enable/Disable option that expand the content area to full width
Sidebar layout Select widget area to display as sidebar
Sidebar Select sidebar to display or add new a sidebar
Sidebar width Set width for the page sidebar: small (1/4) or large (1/3)
Sidebar Sticky Set enable sidebar sticky for the page sidebar
Mobile
Sidebar Mobile Set enable sidebar on the mobile
Sidebar Mobile Canvas Set enable sidebar on the mobile
Content Padding Mobile Set content top/bottom padding mobile. Do not include units (empty to set default)

Top Drawer

Top Drawer contains all options for setting Top Drawer area. In OZGANIKO demo Data, Top Drawer has been hiden by default and Top Drawer area have had any widget yet. So if you want to enable Top Drawer please read carefully infomation below each option for more details.

Description of Top Drawer Options

Attribute Description
Top Drawer Type Set type of top drawer: 'Disable', 'Always Show', 'Toggle'. If selected default will take value in Theme Options
Content Block Set type to use as a top drawer content.
Top Drawer Sidebar Set Sidebar for top drawer sidebar, if not selected will take value in Theme Options
Top Drawer Full width Set Page Transition status: on, off
Padding Set Padding space for website include: padding-left, paaging-right...
Border bottom Set the border bottom mode: none, full, container
Mobile enable Set mobile enable:on, off

Top Bar

Top Bar contains all options for setting Top Bar area. You can use Content Block to display as Top Bar

Meta Options Top Bar

Descriptions of Top Bar Options:

Desktop
Top Bar Enable Enable/Disable Top Bar
Content Block Specify the content block to use as a top bar content on Desktop.
Mobile
Mobile enable Set mobile enable:on, off
Content Block Specify the content block to use as a top bar content on Mobile.

Page Title

Page Title has options for setting Page Title. You can select the Content Block to displays as a page title content.

Meta Options Page Title

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

Attribute Description
Show/Hide Page Title? Set visible of Page Title, if selected default will take value in Theme Options
Content Block Set Content Block have been built for Page Title from list

Typography

Typography allows users to specify font properties to display as body font, primary font, menu font... All fonts are managed in Fonts Management custom/upload fonts on website.

Theme Options Typography Setting

Attribute Description
General
Body font Included: Font Family(name of font), Font Size, Font Weight.
Primary font Included: Font Family(name of font)
Heading Font
H1 Font Specify the H1 font (Font family, Font size, Font Weight & Style)
H2 Font Specify the H2 font (Font family, Font size, Font Weight & Style)
H3 Font Specify the H3 font (Font family, Font size, Font Weight & Style)
Menu
Menu Font Specify Font Family(name of font), Font Size, Font Weight for the menu
Sub Menu Font Specify Font Family(name of font), Font Size, Font Weight for the sub menu

Colors Setting

Color panel allows users to custom and change color options for each area on page. You can custom and choose custom color skin to display here. Please consult Skin Options section for more details.

Meta Options Colors Setting

You can set color for each area on page :

Attribute Description
General
Body Background Customize the body background color and media
Accent Color Specify the accent color
Foreground Accent color Specify the Foreground Accent color
Content Skin Select the content color skin
Content Background color Select Background color
Header
Header Skin Specify the header color skin from skins list
Header Background Color Specify a custom header background color
Header Sticky Skin Select the skin to display as header sticky from skins list
Header Background Color Specify a custom header background color
Header Mobile
Header Mobile Skin Select the Header Mobile color skin from skins list
Header Mobile Background Color Specify a custom Header Mobile background color
Page Title
Page Title Skin Select the Page Title color skin from skins list
Page Title Background Color Specify a custom Page Title background color

Connection

Connection contains all options that allows user to share on various social networks which automatically shows up under the content post, an important function that helps promoting your site. You can check the options to decide which network are allowed to share the content of your website on. You can also turn off all options if you don't want your content to be shared at all.

Meta Options Colors Setting

You can set connection for each area on page :

Attribute Description
Social Share
Social Share You can select active social share links and sort them
Social Network
Facebook You can add title, icon, link ad color for icon
Twitter You can add title, icon, link ad color for icon
...and other similar social networks

Blog

Blog panel has all options to customize post layout, animation, advertisement, etc in Blog Listing, Search Listing, Single Blog.

Theme Options Colors Setting

Attribute Description
Blog Listing
Post Layout You can select select post layout
Show Category Filter You can Enable/Disable showing Category Filter.
Post Per Page You can enter number of posts per page you want to display. It's 10 by default.
Post Paging You can select post paging mode here
Animation You can select post animation
Advertisement Manage advertisement in Blog listing
Search Listing
Post Layout You can select select post layout for Search Listing page
Post Per Page You can enter number of posts per page you want to display. It's 10 by default.
Post Paging You can select post paging mode here
Animation You can select post animation for Search Listing
Post type for search Select Post Type for search is "Post" or "Page"
Single Blog
Post Layout You can select your post layout
Reading Process if you want to hide share on single blog, you can click "off"
Tag if you want to hide share on single blog, you can click "off"
Share if you want to hide share on single blog, you can click "off"
NavigationReading Process if you want to hide share on single blog, you can click "off"
Author Info if you want to hide share on single blog, you can click "off"
Related Post
Related Post if you want to hide share on single blog, you can click "off"
Related Post Algorithm you can select algorithm by different ways
Carousel Mode if you want to hide share on single blog, you can click "off"
Post per page you can select posts per page
Post Columns Gutter you can select horizontal space between post
Post Columns you can select Large Devices, Medium Devices, Small Devices, Extra Small Devices
Post Paging you can select your post paging mode
Amination you can select your post amination

Custom Post Type Options

This options section allows you to disable the custom post types used within the theme (Teams and Services)

2 Custom Post Type in WP dashboard


Custom Post Type section in Theme Options


Woocommerce Options

This options section allows you to style the general appearance of the WooCommerce elements on the site (please read carefully infomation below each option for more details). The Woocommerce plugin is required to be installed and activated in order to be able to customize Woocommerce elements.

Woocommerce section in Theme Options


Shop page on the frontend

The Woocommerce Shop page on the frontend


Single Product page on the frontend

The Woocommerce Single Product page on the frontend


Category Products page on the frontend

The Woocommerce Category Products page on the frontend


Woocommerce Cart Page on the frontend

The Woocommerce Cart Page on the frontend


Service Options

This options section allows you to style the general appearance of the services (please read carefully infomation below each option). You can consult Services section for more details.

Services section in Theme Options


Services on the frontend

Our Service page on the frontend


The Service page on the frontend


Teams Options

Teams is the custom post type to introduce the staff in your organization to the customer. This options section allows you to style appearance of the Teams archive page (please read carefully infomation below each option for more details).You can consult Teams section for more details.

Preset Settings

Preset Settings allows users to choose preset setting apply for each page type

CSS & Javascript

CSS & JavaScript contains text fields in case you want to add new CSS class or JS to your website. Save your new CSS & Script by Save Options button. This will add/overwrite the theme CSS,JS, so please be careful!

Woocommerce Settings

OZGANIKO is fully compatible with Woocommerce so you can start your online shop with it in a matter of minutes. All you need to do is install Woocommerce plugin, setup your products and start selling!

To setup genaral Woocommerce options for products, go to Woocommerce → Settings

Click on Product → Display tab. Then setup Product options.

Product Woocommerce Settings

Do not forget to setup style the general appearance of the WooCommerce elements on the site (Please consult Woocommerce Options in Theme Options) and an example on Using Preset to setup the fullwidth woocommerce shop page. And the screenshot below is your result:

Preset Options

Woocommerce Shop Page fullwidth on the frontend


Please consult Woocommerce Documentation for further information in setting up products and Woocommerce shop by this plugin.

Menu Settings

X-Menu

Setting up menus for OZGANIKO theme is no different than ordinary menu setup in WordPress, however, we provide added a lot of options for customizing menus. We use XMENU per menu item that you can customize them to bring your menus to new level!

To configure settings for individual menu items or submenus, hover over the menu item you want to configure, and click the XMENU button that appears. The Menu Item Settings Panel will display from left.

X-Menu in Menus

These settings control a specific menu item, with options including:

  • General settings
  • Submenu (custom width, position, sub menu animation, sub menu transition)

Click the Save Changes button at the top to save settings for this specific item. To configure a Submenu, click on the parent item for that submenu and then click the Submenu tab on the right.

Attribute Description
General
URL URL go to when user click this menu item
Navigation Label Title of menu item
Title Attribute Title for tag of menu item
CSS Classes Add advanced custom CSS
Link Relationship (XFN) Value for attribute rel
Description Description of the menu item
Menu Featured Select style for the menu item
Icon Select icon for the menu item
Sub Menu
Sub Menu Width Set Sub Menu Width
Sub Menu Position Select Sub Menu Position
Sub Menu Transition Select Sub Menu Transition

Mega Menu

Mega Menu is one of the coolest features built-in OZGANIKO theme, mega menu is a type of expandable menu in which many choices are displayed in a two-dimensional. You can use Visual Composer elements/templates and OZGANIKO shortcodes to create new layout and save it as Mega Menu.

Video guide on How to use Mega Menu built-in OZGANIKO Theme


From WP dashboard, goto Mega Menu → You can manage all Mega Menus by clicking to edit/view/delete button. You can also add new a mega menu item.

All Mega Menus in demo Data

Mega Menus Management


Add New a Mega Menu

Add new mega menu


Use Mega Menu in Menu

From WP dashboard, goto Apperance → Menus

Go to Apperance → Menus


Select Mega Menu item to add to Menu


Config row / column

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 Ozganiko:

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.

Add Visual Composer 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.

Add ROW element to your page


Step 5:Once you have the new Row added to your page you can split that Row into Columns in order to Achilles 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.


Color Skin

Select skin for this row. These skins are created in Skins section from WP dashboard


Layout

Container Width - Define the width of the container. The container will full width by default

Content Width - Define the width of the content area.


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:

Video guide on How to use 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:

Video guide on 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)

Video guide on How to setup Row

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

Color Skin: Select skin for this column. These skins are created in Skins section from WP dashboard

Extra class name: 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)

Video guide on How to setup Row

Column Settings (Responsive Options)

Video guide on How to setup Column

Add / Edit Page Elements

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 Icon within the column you want to add a new element to.

Add New element by click on plus button

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

Ozganiko shortcodes


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

Customize the element you chose


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.

Small popup on each element

Element Template

Element Template allows you to save predefined sets of Visual Composer elements as a template and then reuse it in post types that enable Visual Composer. By using templates you will be able to save tons of time in case you need to create specific layout on and on - all you have to do is create your layout and save it, after that you will be able to reuse it whenever you need it.

You can consult our video guide on How to use Visual Composer Element Template for more details (In this video we used Emo theme for example and it is similar to OZGANIKO Theme)

Video guide on How to use Visual Composer Element Template (Ex: Emo theme)


Using templates can dramatically improve page creation process, especially when your pages share same structure. That way you don't need to repeat same process over and over again. Templates allows you to save predefined sets of elements as a template and then reuse it when you'll need it next time.

All Element Templates in demo Data

The screenshot below is all Element Templates in OZGANIKO demo data. You can manage all your Element Templates here by edit/delete/view items in list.


Add New a Element Template

Follow these steps as the screenshot below to create a new Element Template

Use Element Templates

We can use Element Templates that were saved in any post types that enable Visual Composer (ex: post/page)

Clicking Add Templates button in Visual Composer Editor will open panel with list of available templates and input field where you can enter name for your new template.

Default Templates tab is list of existing templates. When you want one of your existing templates to be appended to the current page, simply click that template's title. You can also see the template on the frontend before using by clicking on the left icon.

You can visit official Visual Composer documentation for further details.

Content Block

Content Block — is specific layout of content that will be saved, then you will be able to reuse it to display in Page Title area, Top Bar area, Top Drawer or Footer area (configure in Theme Options or Preset, and only Page Title area in Page Options). By using Content Block you will be able to save tons of time in case you need to create specific layout on and apply it to be Top Bar/Top Drawer or Page Title/Footer, you can also use Content Block for 404 Page.

You can consult our video guide on How to use Content Block in OZGANIKO theme for more details (In this video we used Emo theme for example and it is similar to OZGANIKO Theme)>

Video guide on How to use Content Block


All Content Block in demo Data

The screenshot below is all content block in OZGANIKO demo data. You can manage all your content block here by edit/delete/view.


Add New a Content Block


Use Content Block in Theme Options (similar to Preset)

Top Drawer Option


Top Bar Option


Page Title Option


Footer Option


Use Content Block in Page Setting


Use Content Block in 404 Page

Services

If you want to introduce a range of services to offer for your customers. Our custom post type named Services is a key element to share your services on WordPress site. You can create new services, then display them on the frontend by using Our Services shortcode or Our Services Carousel

Our Services page


The page display service on the frontend


Manage all Services

The screenshot below is all demo services in OZGANIKO demo data. You can manage all services here by edit/delete or add a new services.

Manage all Services


Add a new Services

We can add a new service and setup how it displays on the front-end (this settings will override service settings in Theme Options)

Add new service


The new service displays on the frontend


Services setting in Theme Options

We can setup Service's appearance to apply for all services in Services Options section in Theme Options

Services Setting in Theme Options


Services shortcode

Services shortcode is built-in OZGANIKO theme that help you add any service to your page/post

Services shorcode in Visual Composer


Teams

Teams is the custom post type to introduce the staff in your organization to the customer, this is the best way for your site visitors to have confidence on your team. In Ozganiko, we added a Teams section to the admin panel which allows you to showcase your staff/people on your website the easy way. You can also use Teams shortcode to show up these profiles in each column, row in Visual Composer.

Manage all teams

Manage your team member profile pages using our Team Member custom post type, create multiple teams with our Team category/taxonomy, then list them down using Our Teams shortcode. First, create your team members. Upload their photos & write up their profiles. Profiles are needed if you want visitors to read your team’s story.

Add a new team member


And this is a profile of your team member on the frontend

The profile of your team member on the frontend


Next, in any page that you have, just add a Our Team shortcode.

Our Team shortcode

Our Team Settings

The screenshot below is All Teams in OZGANIKO demo data. You can manage All Teams here by edit/delete or add a new team member.

Manage all teams in Ozganiko demo data


Teams Setup in Theme Options

We can setup for Teams Archive page in Teams panel in Theme Options. These settings define default Our Team shortcode settings. In case you want to customize these settings to suit your page layout, you can change them in Our Team shortcode settings.

Teams panel in Theme Options


Teams Archive page


Skin Options

Skin Options builder is the easiest way to customize overall look of your WordPress theme if you do not have necessary programming skills or if you are looking for a quick modification option. We use built-in Skin Options to tweak each WP area such as Header, Footer, Page Titile to make a perfect match with your corporate and brand identity. You can also use skins for each column, row in Visual Composer.

Use demo skins or create a new one and determine which parts you want to affect – With built in design options panel you can change visual appearance literally in seconds!

You can consult our video guide on How to use Skin Optionsfor more details (In this video we used Emo theme for example and it is similar to OZGANIKO Theme).

Video guide on How to use Skin Options

Skin builder is the easiest way to customize overall look of your WordPress theme if you do not have necessary programming skills or if you are looking for a quick modification option.


Manage all Skins in Demo Data

The screenshot below is all Skins in OZGANIKO demo data. You can manage all skins here by edit/delete or add a new skin.


Use Skin Option in Theme Options

We can apply skins to WP areas in Colors panel in Theme Options


Fonts Management

OZGANIKO WordPress Theme includes over 800+ Google Fonts, Standard Fonts and Custom Fonts (upload by yourself) to make the web more beautiful, fast, and open through great typography.

You can consult our video guide on How to use Fonts Management for more details (In this video we used Emo theme for example and it is similar to OZGANIKO Theme).

Video guide on How to manage fonts built-in OZGANIKO theme


All Fonts Managements in demo Data

Manage all fonts


Add New a Font Management in demo Data

Add Custom Fonts button

Upload Custom Fonts file

Note: Your custom font must be Webfont and upload file zip contains stylesheet.css and font files (accept: .woff, .eot, .svg, .ttf)

Email Settings

WP Mail SMTP Settings

Settings For Send Mail

Using WP Mail SMTP Plugin to reconfigures the wp_mail() function to use SMTP instead of mail() and creates an options page that allows you to specify various options.

Go to Settings → WP Mail SMTP to setup:

Goto Settings → WP Mail SMTP

Configure SMTP Options

You can visit WP Mail SMTP Plugin to further details about this plugin and consult our guide to configure email: https://themevin.ticksy.com/article/13095/.

Video guide on How To Configure Your Mail Client To Use GMail for Outgoing Mail Server

MailChimp Settings

Step 1After install all required plugins, "MailChimp for WP" will be added into the navigation menu on the sidebar. Go to MailChimp for WP → MailChimp Settings to setup:

Open MailChimp settings


Step 2 - To connect your MailChimp account you will need to enter your API keys into the necessary field. The plugin provides a convenient link, below the field, which will direct you to the API key in your MailChimp account. You must be logged in to your MailChimp account for the link to work as expected.

Add your API Key


Step 3 - Once the API key is added and the changes saved, your list information will populate in the "MailChimp Data" area.

Your MailChimp data


Step 4 - Forms Settings

Access to Form settings


Step 5 - Click MailChimp for WP → Forms, you can create and customize the HTML for the signup form to place within your Wordpress site.

Customize Signup form


Checkbox Wrapp in paragraph tags


Step 6 - Adjust messages shown when a form submission is complete as well as any error messaging.

Insert status messenger

Update theme to latest version

There are two ways to update OZGANIKO theme. The first method is to use Envato WordPress Toolkit plugin which was included in OZGANIKO. The second is the upload the theme manually, either via FTP or WordPress. This is the traditional method and this method requires you to download the update-theme files from ThemeForest first.

How To Update Via Envato WordPress Toolkit

This is a quick and easy way to make sure that you keep all of your wordpress themes from ThemeForest up-to-date and without having to log into ThemeForest

Note:  We highly recommend backing up your theme, files and entire database before updating.

Video guide on How To Automatically Update Your Themeforest WordPress Theme - source WPExplorer

Step 1 – Install and activate Envato Toolkit plugin

Step 2 -  Navigate to the WordPress Dashboard => Envato Toolkit section of your installation.

Step 3 – Register by your username on ThemeForest and ThemeForest API Key.

Step 4 –If there is an update you’ll see that it will say ‘update automatically ‘, all you have to do is click OK.

Step 5 – Wait for the update to complete. A success notification will be displayed once the theme is updated successfully.

Step 6 – Don’t forget to update the OZGANIKO-Framework

Manual Update Method

With the Manual Update Method, you can either choose to upload the theme files manually via FTP or WordPress. Before you can update manually, you have to download the theme files from ThemeForest. Continue reading below for instructions on how to download the theme files and how to upload them.

Note:  We highly recommend backing up your theme, files and entire database before updating.

Download The OZGANIKO Files From ThemeForest

Step 1 – Login to your ThemeForest account, navigate to your ‘Downloads’ tab and locate your OZGANIKO purchase.

Step 2 – Click the ‘Download button and choose to either download the ‘Installable WordPress file only’, which is just the WordPress installable file or choose to download ‘All Files & Documentation’ which is the full OZGANIKO package.

Download OZGANIKO package


Step 3 – After downloading the files, you need to decide if you want to upload the theme files via FTP or WordPress.  For instructions on both methods, please continue reading below.

How To Update OZGANIKO Via FTP

Uploading the theme files via FTP requires you to delete your old theme folder entirely. This is to ensure that any deprecated theme files that could cause update issues are removed completely.

Step 1 – Log into your server using FTP and navigate to the  [your_website]\wp-content\themes\[ozganiko_folder].

Step 2 – Backup [ozganiko_folder] by saving it to your computer, or simply delete it. Your content such as pages, options, images and posts will not be lost or erased by doing this. However, any customizations to the theme’s core files, such as PHP files will be lost unless you’re using a child theme.

Step 3 – Retrieve the theme files you’ve just downloaded. If you’ve downloaded the Installable WordPress file, then you only need to extract it once to get to the update version of [ozganiko_folder].

Update-theme


Step 4 – Once extracted you can drag and drop the new OZGANIKO folder into  [your_website]\wp-content\themes\ … location.

Step 5 – Don’t forget to update the ozganiko-framework

How To Update OZGANIKO Via WordPress

Step 1 – First you need to deactivate your current theme located in the WordPress Dashboard > Appearance > Themes section of your Installation. To deactivate, simply switch to a different theme.

Step 2 – After deactivating you can go ahead and delete it. To do this, hover over the theme thumbnail then click ‘Theme Details’. In the bottom right corner of the window, click the ‘Delete’ button. Your content such as pages, options, images and posts will not be lost or erased by doing this. However, any customizations to the theme’s core files, such as PHP files will be lost unless you’re using a child theme.

Delete OZGANIKO Theme


Step 3 – Retrieve the theme files you’ve just downloaded. If you’ve downloaded the installable WordPress file, then you do not need to extract it. If you’ve downloaded the Full Theme Package, you have to extract it once to access the secondary ‘ozganiko-ver1.1.zip’ file.

Step 4 – Then install by uploading the new version (.zip file).

Upload new version on OZGANIKO update package


Once uploaded, click ‘Install Now’

Step 5 – When this has completed successfully, re-activate the theme by clicking the ‘Activate’ link.

Step 6 – Don’t forget to update the ozganiko-framework

After Updating

After you are done updating your theme please also perform the following steps:

  1. Clear your Site & Browser Cache
Whenever you update ANY plugin, theme or WordPress you must clear your browser and site cache to help avoid any potential cache related bugs.
  1. Updating Visual Composer
AFTER you update your theme please make sure to update your visual composer as well following the guide for updating the theme’s recommended plugins. If you update the theme and not the Visual Composer you may run into issues.

Update shortcode/framework plugins to latest version

On OZGANIKO theme, we have some required plugins and a special plugin name: ozganiko-framework. Without these plugins, the theme won’t work properly. When update theme to version higher, you need to update this plugin to ensure that you don’t run into any compatibility issues with latest version of OZGANIKO

Update framework notice


Step 1 – Deactived current plugin and delete it on your website (delete it and all files current)

Step 2 – Download Reaky package (latest version from ThemeForest) and extract it. Find theme-plugins folder on path: ozganiko\theme-plugins\ you will see ozganiko-framework.zip file.

Update Framework


– Re-install plugins/framework by upload file.

After you are done updating your theme and plugin please also perform the following steps:

  • Clear your Site & Browser Cache: Whenever you update ANY plugin, theme or WordPress you must clear your browser and site cache to help avoid any potential cache related bugs.
  • Updating Visual Composer: AFTER you update your theme please make sure to update your visual composer as well following the guide for updating the theme’s recommended plugins. If you update the theme and not the Visual Composer you may run into issues.

Thank you for purchasing our theme

If you have any questions that are beyond the scope of this documentation or have any troubles configuring your website applications with the above settings you can contact the Themevin Support Team via:

We will be glad to assist you.

Thanks so much for purchasing OZGANIKO!