Introduction
- Theme Version: 2.0.1
- Last update: 12/3/2021
- Created: 2/13/2018
Thank you for purchasing our theme. In this document, we provide all kinds of good information with all the details you need to use our theme. We hope you have fun and enjoy working with our theme. If you need more help, please feel free to open a ticket on our channel support https://themeftc.ticksy.com/ and follow it. Our technical support experts will help you asap.
Before Getting Started
If you are not familiar with WordPress, please get accustomed with it before proceeding to using our theme. Here are some links that will help you to become more confident with WordPress:
- First Steps with WordPress: http://codex.wordpress.org/First_Steps_With_WordPress
- Explanations on most common WordPress terms: http://en.support.wordpress.com/lexicon/
- Best WordPress-related articles for Web Developers: http://net.tutsplus.com/articles/web-roundups/top-50-wordpress-tutorials/
- WordPress Optimization: https://codex.wordpress.org/WordPress_Optimization
Requirements & Compatibility
Requirements
To run WordPress your host just needs a couple of things:
- PHP version 5.6 or greater
- MySQL version 5.5 or greater
Compatibility
Our theme is compatible with these browsers:
- Chrome
- Firefox
- Safari
- Internet Explorer 10 or later
Installation
WordPress Core
You download and install WordPress version 4.6 or later
Theme Package
To download, you need to log into your ThemeForest account and go to your http://themeforest.net/downloads page. Locate the theme that you purchased in your Downloads list and click on the Download button

If you download All files & documentation, you will unzip it. Then, you find the installable file inside.
You can also download only the Installable WordPress file.
WordPress Installation
Follow the steps below to install via WordPress:
- In your WordPress Admin Panel, go to Appearance > Themes
- Click on the Add New and Upload Theme buttons
- Click on the Choose File button and navigate to find the "ornaldo-theme-2.0.1.zip" file on your computer and click on the Install Now button
- Wait while the theme is uploaded and installed
- Activate the newly installed theme
- Then you will get a notification about installing the required plugins. Follow the steps to install and activate the plugins

FTP Installation
Follow the steps below to install via FTP:
- Log into your hosting space via an FTP software
- Unzip the "ornaldo-theme-2.0.1.zip" file and ONLY use the extracted "ornaldo" folder
- Upload the extracted "ornaldo" folder into wp-content/themes folder
- Go to Appearance > Themes and activate Ornaldo theme
- Then you will get a notification about installing the required plugins. Follow the steps to install and activate the plugins

Required Plugins
After activating the theme, you will get a notification about installing the required plugins. You go to Appearance > Install Plugins to install them.

We also notice that you should not update other plugins without updating the theme. Please see our changelog to make sure the current theme's version is compatible with the new plugin's version.
Demo Content
You can import demo content on FTC - Importer

- Full Import: Import all section to make your site like our demo site.
- Theme Options: Import theme options.
- Mega Main Menu: Import setting file for mega main menu.
- Widgets: Import all widgets of demo site.
- Revolution Slider: Import back up file slider of demo site.
- Demo Content: Import all pages, sample data of demo site.
-
After install demo content, we need save all changes for mega main menu one more time.
-
After install demo content, If you can't see some element on homepage (product, testimonials or blogs ..etc.) You can go to edit page and select category for each elements.
Updating The Theme
Manual Update
Follow the steps below to manually update the theme:
- First, you download the new theme package from themeforest. You have to log into your themeforest account and navigate to Downloads tab. You find the Ornaldo theme in your purchased themes list.
- You can delete the current theme. Don't worry about this. Your data won't be lost.
- You upload the new theme package via Wordpress or FTP software.
Automatic Update
You update the theme through the Envato Toolkit plugin. Follow the steps below to set up this plugin:
- Download and install the Envato Toolkit plugin
- You log into your Themeforest account. Under Settings > API Keys, you generate an API key. Get it.
- In WordPress admin panel, you find the section called Envato Toolkit. You input your envato username and API key.
Please read this tutorial http://www.wpexplorer.com/envato-wordpress-toolkit-guide/ to get more information.
- If you translated the theme to another language, you should backup your translation files in the themes > Ornaldo > languages folder before updating. You should also backup the translation files in the plugin folder.
- After updating the theme, you should update the recommended plugins if there is a notification message about updating plugins. You go to Appearance > Install Plugins to update plugins. If you can not update the recommended plugins in wp admin, you should manually update them. You can find the plugin packages in the theme folder > framework > plugins folder.
- You can not update the Visual Composer and Revolution Slider plugins in Appearance > Install Plugins. To update 2 these plugins, you need to delete them first. Then, you go to Appearance > Install Plugins and install them again.
Theme Options
After activating our theme, you can go to Appearance > Theme Options to configure the theme. Below will explain what you can do with Theme Options.
- General: Add your logo and some global options
- Color Scheme: manage your site color
- Typography: you can change font and font size in there
- Header: set up the Header Layout, breadcrumb and other options for header
- Menu: some options for menu
- Blog: configure the Blog Layout and some options to Show/Hide some things on the blog page
- WooCommerce: some global WooCommerce options, such as Product label, Quickshop, Ajax search
- Product Category: you configure your Shop page in there
- Product Details: you configure your Product page in there
- Custom CSS/JS: allow you to add custom css/js
- Backup: backup or restore your theme options. If you need to back up all settings theme option. Open a tisket at https://themeftc.ticksy.com we will send it to you.

Header
The header is probably one of the first things you will want to setup. It includes the logo, favicon, menu and other things. The following sections will explain how to set up and customize header.
Adding The Logo & Favicon
Follow the steps below to set up the logo & favicon:
- Navigate to Appearance > Theme Options. You select General tab
- Click on the Upload button and choose a file from your ornaldory
- You can also add the image link into the input field

Setting Up Header
To set up your header, you go to Appearance > Theme Options > Header tab. In there, you can choose the Header Layout, configure your breadcrumb and other options.
Header Layout
Ornaldo comes with 2 different header layouts. Just choose one of our header layouts for your site.
You can also choose the header layout for individual pages (See Page Options).

Breadcrumb
Just choose one of our breadcrumb layouts for your site.
You can also choose the breadcrumb layout for individual pages (See Page Options).

Other Options
- Header Contact Information: Add your contact information in the top header
- Header Currency: Show/Hide multi-currency switcher
- Header Language: Show/Hide multi-language switcher
- Shopping Cart: Show/Hide mini cart
- Search Bar: Show/Hide the search bar
- My Account: Show/Hide the login form/my account link
- Wishlist: Show/Hide the wishlist page link
- Sticky Header: Show/Hide the header when you scroll down

Header Customization
If you want to customize the theme, you should create the child theme before making any changes. Please note that you have to install the required plugins before activating the child theme. Otherwise, you will get an error if you install the plugins in Appearance > Install Plugins page.
You can find the sample child theme package (ornaldo-child.zip file) in your downloaded file (you have to download All files & documentation).
Follow the steps below to override header template:
- Copy the template file from the parent theme folder to the child theme folder
- Edit the template file in the child theme folder

Pages
Ornaldo comes with Visual Composer plugin and powerful Page Options which help you build any kinds of pages. The following sections will explain how to create a new page and make it look like our demo. If you use our One Click Import Demo functionality, you can ignore this.
Create A New Page
Follow the steps below to create a new page:
- In admin panel, go to Pages and click on the Add New button
- Input the page title and page content
- On the Page Attributes section, choose the page template from dropdown list
- Scroll down and find the Page Options section, make some configurations for your page

Page Options
In the page editor, you will see the Page Options section at the bottom of editor. It will help you create many kinds of pages.

Some options will override the options in Theme Options. Select Default if you want to use your global settings.
- Layout Style: select Boxed or Wide layout
- Page Layout: select Fullwidth, Left Sidebar, Right Sidebar or Left & Right Sidebar
- Left Sidebar: select the sidebar to display on the left sidebar
- Right Sidebar: select the sidebar to display on the right sidebar
- Full Page: enable this option if you want to display each row in a page
- Header Layout: select one of Header Layouts
- Transparent Header: set the background of header to transparent
- Header Text Color: allow you to change the color of text on the header
- Primary Menu: select a different menu for this page
- Show Page Title: show or hide the page title. The page title is hidden on the home page
- Show Breadcrumb: show or hide the breadcrumb. It is also hidden on the home page
- Breadcrumb Layout: set the layout for your breadcrumb
- Breadcrumb Background Parallax: allow you to apply parallax in the breadcrumb background
- Breadcrumb Background Image: change the breadcrumb background image for this page
- Logo: allow you to display a different logo on this page
- Sticky Logo: as the Logo, you can display a different sticky logo on this page
- Page Slider: allow you to add a slider on your page
- Page Slider Position: set Position for your slider (Before Header or Before Main Content)
- Select Revolution Slider: if you set Page Slider to Revolution Slider, you will select a slider to display
Home Pages
Setting up a home page
- In admin panel, you go to Settings > Reading.
- You choose the A static page(select below) option.
- Select a page from dropdown list of the Front page option.

Demo 1 - Default
Page Content:
Page Configurations:
- Header Style Demo 1 - Default
- Content Style Demo 1 - Default
- Color Default: Red & Black
- Zoom Types: Lens + Cloud Zoom
- Page Layout: Layout Style Fullwidth & Black Header
- Page Slider: Revolution Slider

Demo 2 - Modern
Page Content:
Page Configurations:
- Header Style Demo 2 - Modern
- Content Style Demo 2 - Modern
- Color Default: Red & Black
- Zoom Types: Lens + Cloud Zoom
- Page Layout: Layout Style Fullwidth & White Header
- Page Slider: Revolution Slider

Demo 3 - Box 1
Page Content:
Page Configurations:
- Header Style Demo 3 - Box 1
- Content Style Demo 3 - Box 1
- Color Default: Yellow & Black
- Zoom Types: Lens + Cloud Zoom
- Page Layout: Layout Style Boxed
- Page Slider: Revolution Slider

Demo 4 - Full Slide
Page Content:
Page Configurations:
- Header Style Demo 4 - Full Slide
- Content Style Demo 4 - Full Slide
- Color Default: Red & Black
- Zoom Types: Lens + Cloud Zoom
- Page Layout: Layout Style Boxed & Right Banners
- Page Slider: Revolution Slider

Demo 5 - Minimal
Page Content:
Page Configurations:
- Header Style Demo 5 - Minimal
- Content Style Demo 5 - Minimal
- Color Default: White & Black
- Zoom Types: Lens + Cloud Zoom
- Page Layout: Layout Style Fullwidth & Black Header
- Page Slider: Revolution Slider

Demo 6 - Yoga
Page Content:
Page Configurations:
- Header Style Demo 6 - Yoga
- Content Style Demo 6 - Yoga
- Color Default: Blue & Black
- Zoom Types: Lens + Cloud Zoom
- Page Layout: Layout Style Fullwidth & Black Header
- Page Slider: Revolution Slider

Demo 7 - Sport Shop 1
Page Content:
Page Configurations:
- Header Style Demo 7 - Sport Shop 1
- Content Style Demo 7 - Sport Shop 1
- Color Default: Blue & Black
- Zoom Types: Lens + Cloud Zoom
- Page Layout: Layout Style Boxed
- Page Slider: Revolution Slider

Demo 8 - Grid
Page Content:
Page Configurations:
- Header Style Demo 8 - Grid
- Content Style Demo 8 - Grid
- Color Default: Red & Black
- Zoom Types: Lens + Cloud Zoom
- Page Layout: Layout Style Boxed
- Page Slider: Revolution Slider

Demo 9 - Sport Shop 2
Page Content:
Page Configurations:
- Header Style Demo 9 - Sport Shop 2
- Content Style Demo 9 - Sport Shop 2
- Color Default: Green & Black
- Zoom Types: Lens + Cloud Zoom
- Page Layout: Layout Style Boxed
- Page Slider: Revolution Slider

Demo 10 - Box 2
Page Content:
Page Configurations:
- Header Style Demo 10 - Box 2
- Content Style Demo 10 - Box 2
- Color Default: Yellow & Black
- Zoom Types: Lens + Cloud Zoom
- Page Layout: Layout Style Boxed
- Page Slider: Revolution Slider

Demo 11 - Lookbook
Page Content:
Page Configurations:
- Header Style Demo 11 - Lookbook
- Content Style Demo 11 - Lookbook
- Color Default: Red & Black
- Zoom Types: Lens + Cloud Zoom
- Page Layout: Layout Style Boxed
- Page Slider: Revolution Slider

Demo 12 - Classic
Page Content:
Page Configurations:
- Header Style Demo 12 - Classic
- Content Style Demo 12 - Classic
- Color Default: Blue & Black
- Zoom Types: Lens + Cloud Zoom
- Page Layout: Layout Style Boxed
- Page Slider: Revolution Slider

Demo 13 - Shoes
Page Content:
Page Configurations:
- Header Style Demo 13 - Shoes
- Content Style Demo 13 - Shoes
- Color Default: Green & Black
- Zoom Types: Lens + Cloud Zoom
- Page Layout: Layout Style Boxed
- Page Slider: Revolution Slider

Demo 14 - Dark
Page Content:
Page Configurations:
- Header Style Demo 14 - Dark
- Content Style Demo 14 - Dark
- Color Default: Red & Black
- Zoom Types: Lens + Cloud Zoom
- Page Layout: Layout Style Boxed
- Page Slider: Revolution Slider

Demo 15 - Grid 2
Page Content:
Page Configurations:
- Header Style Demo 15 - Grid 2
- Content Style Demo 15 - Grid 2
- Color Default: Blue & Black
- Zoom Types: Lens + Cloud Zoom
- Page Layout: Layout Style Boxed
- Page Slider: Revolution Slider

Demo 16 - New Style
Page Content:
Page Configurations:
- Header Style Demo 16 - New Style
- Content Style Demo 16 - New Style
- Color Default: Red & Black
- Zoom Types: Lens + Cloud Zoom
- Page Layout: Layout Style Boxed
- Page Slider: Revolution Slider

Demo 17 - Trending
Page Content:
Page Configurations:
- Header Style Demo 17 - Trending
- Content Style Demo 17 - Trending
- Color Default: Green & Black
- Zoom Types: Lens + Cloud Zoom
- Page Layout: Layout Style Boxed
- Page Slider: Revolution Slider

Demo 18 - Best Sellers
Page Content:
Page Configurations:
- Header Style Demo 18 - Best Sellers
- Content Style Demo 18 - Best Sellers
- Color Default: Yellow & Black
- Zoom Types: Lens + Cloud Zoom
- Page Layout: Layout Style Boxed
- Page Slider: Revolution Slider

Demo 19 - Big Slide
Page Content:
Page Configurations:
- Header Style Demo 19 - Big Slide
- Content Style Demo 19 - Big Slide
- Color Default: Blue & Black
- Zoom Types: Lens + Cloud Zoom
- Page Layout: Layout Style Boxed
- Page Slider: Revolution Slider

Contact Page
It is easy to make your contact page look like our demo. Simply copy the code below and paste into the page content (in the Text editor).

Blog
Ornaldo supports 5 post formats: Standard, Audio, Gallery, Quote and Video. They will help you easily make a microblogging website.
Create A New Post
Follow the steps below to create a new post:
- Go to Posts
- Click on the Add New button
- Input the post title and post content
- Choose the post format and category on the right hand side
- Scroll down and find the Post Options section, make some configurations for your post

Post Options
In the post editor, you will see the Post Options section at the bottom of editor. It will help you create different layouts for different posts. Also, if you set the post format to Video or Audio, you will input your Video or Audio URL here.

Blog Page
Follow the steps below to set up a Blog page:
- You create a new page
- Input the page title. You don't need to input the content
- On the Page Attributes section, set Tempate to Blog Template
- Save your page

- If you use Blog Template, you will configure your blog layout in the Page Options section.
- If your Front page displays the latest posts (setup in Settings > Reading), you will configure your blog layout in Theme Options > Blog tab.
- You use FTC Blogs shortcode to display your blogs in masonry layout.
Visual Composer
Visual Composer will help you manage your content at the WordPress sites and build any layout you can imagine in few minutes without coding. You can read Visual Composer Documentation to get more details.
Please note that you do not purchase directly Visual Composer plugin. So you can not update it by yourself. It is also not recommended. When it has a new version, we will be careful to test and release the new theme's version. If you see the notification below, you can dismiss it.

How to add new element
To add new element, you click the BACKEND EDITOR button on the top left of WYSIWYG (text editor)

WYSIWYG editor change to Visual Composer canvas. You can work with it as you do with regular Visual Composer. You can click on the Add element button to add new element

Then, you choose an element from Visual Composer elements list

Adding Parallax/Video Background
Follow the steps below to add a parallax/video background
- Add a new Row
- Then, you click to edit that row
- In the Row Settings panel, you select Background tab
- You set Background Type to Parallax, Youtube Video or Hosted Video
- Make some configuration below

Revolution Slider
Ornaldo includes the popular Revolution Slider Created By ThemePunch. This slider is 100% responsive and has many amazing options. In the following sections, you will know how to add a new slider and how to show it in frontend. This is its own documentation. You can read to get more information.
Please note that you do not purchase directly Revolution Slider plugin. So you can not update it by yourself. It is also not recommended. When it has a new version, we will be careful to test and release the new theme's version. If you see the notification below, you can dismiss it.

Create A New Revolution Slider
Follow the steps below to create a new Revolution Slider:
- You go to Revolution Slider page
- Click on the New Slider box
- Input the slider title and alias
- Make some configurations

Follow the steps below to add a new slide to your sliders:
- Click on the pen icon to edit your slider as the screenshot
- In Slider Editor, hover your mouse over the Add Slide box and choose one of the options listed below
- Add Blank Slide: create a new slide with default settings
- Add Bulk Slides: create multiple slides at once, based on a selection of media gallery images of your choice
- Add From Template: add the plugin's default templates or your templates

Using Revolution Slider
There are three ways to use Revolution Slider
Assign a slider from the Page Options section
- Create or edit a page
- Find the Page Options section below
- Set the Page Slider option to Revolution Slider
- Finally, you choose a slider from the Select Revolution Slider option

Add slider from Visual Composer content element list
- In the page editor, you click on the Backend Editor button on the top left of WYSIWYG(text editor)
- Then, you click on the Add New Element button
- You find the Revolution Slider element. Choose it

Use the slider shortcode
- You go to the Revolution Slider page
- Click to edit a slider and find the shortcode in the Slider Title & Shortcode box
- Copy the shortcode and paste into your page content

WooCommerce
Ornaldo theme is fully compatible with the latest version of WooCommerce plugin. We customized and added many features, shortcodes and widgets for this plugin. In the following sections, you will know how to install and set up WooCommerce plugin. You can also refer WooCommerce Documentation to get more information.
Install WooCommerce
There are 2 ways to install WooCommerce plugin
- After activating our theme, you go to Appearance > Install Plugins. You install WooCommerce plugin from the required plugins list.
- Install WooCommerce plugin from the Plugins page


Adding WooCommerce Pages
There are 2 ways to add WooCommerce pages
- After activating WooCommerce plugin, you will get a notification as the screenshot below. Simply click the Install WooCommerce Pages button to create all WooCommerce pages
- Use the WooCommerce shortcodes. You can get them here

Setting Up WooCommerce
To set up WooCommerce, you go to WooCommerce > Settings in admin panel.
Currency Options
- In WooCommerce Settings page, you select the General tab
- You find Currency Options section and configure your currency
List of currencies that you can choose

Product Image Sizes
- In WooCommerce Settings page, you select the Products tab. Then you select the Display sub tab
- You find Product Images section and configure your product image size
- Our demo is configured as the screenshot

Page Settings
After you create WooCommerce pages. You will go to the Settings page to assign them.
- To assign the Shop page, you select the Products tab and then select the Display sub tab
- To assign the My Account page, you select the Accounts tab
- To assign the Cart and Checkout pages, you select the Checkout tab

Registration Options
You also make sure that you allow your customers to register on your site. You select the Accounts tab and find the Registration Options section as the screenshot.

Adding Product
Follow the steps below to add a new product
- In admin panel, you go to Products and click the Add Product button
- Input the product title and product content
- Select Product Category, Product Tag
- Add Featured Image and Product Gallery
- In the Product Options section, you can override some options in Theme Options
- Next is the Product Data section. This is where the majority of the product data is input

Product Options
This section allows you to override some options in Theme Options. You can set layout for individual products. You can also override custom tab content

Product Data
You should also read WooCommerce Documentation to get more details. We only have some notes that we think you need to know.


- Adding a product on sale and a deal:
- With the Simple Product, you select General tab. You add a Sale Price and click the Schedule button to set up date.
- With the Variable Product, after setting up Product Attributes in the Attributes tab, you can go to the Variations tab and add New Variation. With each Variation Product, you also click the Schedule button next to the Sale Price field. Please note that product only displays the time of first Variation Product.
- Adding Additional Information: You go to the Shipping tab. You set value of Weight and Dimensions options. You can change the unit by going to WooCommerce > Settings > Products tab
- Enable/Disable Product Review: You go to the Advanced tab. You will see Enable reviews option. Just check/uncheck it.
Shortcodes
Ornaldo comes with several shortcodes which can be used to display your content. To use our shortcodes, you go to page editor and change to Visual Composer canvas. Click on the Add Element button to open Visual Composer elements list and change to ThemeFTC tab.

- FTC Feature: display your feature with icon
- FTC Blogs: display your blogs in a grid layout, slider or masonry layout
- FTC Button: display a button
- FTC Single Image: display a single image
- FTC Heading: display a heading
- FTC Banner: display your banner. Allow you add content on your banner
- FTC Testimonial: display testimonials in a slider. Go to Testimonials to add new testimonial
- FTC Brands Slider: display your partner logos in a slider. Go to Logos to add new logo
- FTC Google Map: just input your address to show your map. Please note that you have to input your API key in Appearance > Theme Options > General tab. Get the API key here
- FTC Milestone: display your achievements
- FTC Countdown: display a countdown timer
- FTC Feedburner Subscription: display a Feedburner Subscription form. Go to the Feedburner page to create your Feedburner ID. This tutorial will help you setup Feedburner.
- FTC Products: display your products in a grid layout
- FTC Products Slider: display your products in a slider
- FTC Products Widget: display your products as a product widget
- FTC Product Deals Slider: display products on sale with a countdown timer
- FTC Product Categories Slider: display product categories in a slider
- FTC Products In Category Tabs: display products in tabs. Each tab is a category
Translations
Ornaldo is ready to translate by using the po file. If you want to build a multilingual site, you need to use WPML plugin. Our theme does not include the WPML plugin. It only is compatible with the WPML plugin. You have to buy a license for this plugin.
Using Po File
There are 2 ways to create and edit the po file
- Use the Poedit software and refer this document
- Use the translation plugins, such as Loco Translate or Codestyling Localization plugins
- You have to generate the mo file after translating
- You already set your language. Go to Settings > General and check Site Language option
Using WPML
In this section, you will know how to build a multilingual website by using the WPML plugin. All the information needs to get started and use it is on the WPML.org page.
Below are some reference links:
Installing and Setting Up the WPML plugin
You need to install a recent version of WPML, including the String Translation, Translation Management and CMS Navigation modules. After installing these plugins, you set up Languages from WPML > Languages and translate your content.
Translating Pages and Posts
Go to All Pages and pick a page for translation. Click on the plus icon. If the page is already translated, the plus icon will be replaced with a pen icon.

WPML actually creates a new WordPress page, linked to the original one. In this new page, you can add new content as you normally do. You can also keep the original content, just translate into the new language.
Translating Categories
To translate a category, click on the language which you want to translate it and then add a new category. Make sure the new category is linked to an original category.

Translating Menus
You go to Appearance > Menus. Just add a new menu. You select the language and the original menu which links to the new menu.

WPML can synchronize menus for you. This means that WPML can generate and keep in sync menus for other languages pointing to the translated versions of the pages, posts or categories.
Translating the theme and other texts
You go to WPML > String Translation. Find the text in the list and translate it. Please make sure you check the Translation is complete checkbox after translating.
Sometimes, some texts are not translated. First, you need to go to WPML > Theme and Plugins localization. You click on the Scan the theme for strings button. Then, you go back to the String Translation page and find those texts.