Install and Config Fable Theme

Version 1.1


We would like to thank you for purchasing our theme! We are very pleased you have chosen our theme for your website, you will not be disappointed!
Before you get started, please be sure to always check out these documentation files. We outline all kinds of good information, and provide you with all the details you need to use our theme. 
 
 
The our team are always happy to help you with any questions or recommendations you have about the our theme.
If you need any help or support please contact us through the Themeforest Messaging system or directed at  ovatheme@gmail.com

Note: If you contact us directed at  ovatheme@gmail.com, please attach info about purchase code: 

Then open file and find "Item Purchase Code" like

Item Purchase Code: cdf581e0-ed42-41a2-ab3f-26bb5fb9c874

WordPress Information

To install this theme you must have a working version of WordPress already installed.

To install this theme you must have a working version of WordPress already installed. If you need help installing WordPress, follow the instructions in WordPress Codex or you can watch the Instructional Video. Below are all the useful links for WordPress information.

Requirements For Our Theme

To use theme, you must be running WordPress 4.0 or higher, PHP5 or higher, and mysql 5 or higher. We have tested it with Mac, Windows and Linux. Below are a list of items you should ensure your host can comply with.

How to install theme:

1: Read "installing the theme" section

2: Read "Config in page" section

3: Read "Customizer" in theme

4: Read custom post type

5: Read config in extra plugins: contact form 7, mailchimp

6: Read "Translations" section: Translate text in theme

 

Once you have setup a copy of WordPress, there are two ways you can go about installing the theme:

- Install via Wordpress

- Install via FTP

For example: Install theme fable.zip

Step 1 - Unzip the downloaded package from Themeforest. Find the folder theme and inside it find the file fable.zip

 

Step 2 - Login to your WordPress dashboard, go to Appearance > Themes >> Click "Add New" >> Click "Upload theme"



Step 3 - Click "Choose file" and find the file "fable.zip" on your computer. Click "Install Now"


Step 4 - Activate the theme: Go to Appearance > Themes and Activate.



 

Step 5: Install Plugins



 

 

Step 6: Import demo Data

Go to the WordPress Admin > Tools > Import and click WordPress as displayed in image below.

At 1st time you need to install WordPress importer plugin

Once installed you need to activate the plugin and run the importer.

Select the fable_wordpress.xml file from sample_data folder in downloaded package that you have downloaded from themeforest.

After importing XML file.
 
Assign posts to an existing author.
Mark the checkbox to download and import file attachments
Click 'Submit' button

 
Import process can take few minutes. So wait for it and try to keep the focus on current tab in your browser.
 
After that is done, you will have bunch of posts, pages, properties and other contents as on the theme demo.

 
 
Step 7: Install Widget

Choose *.wie in Sample_data folder


 

Step 8: Install Revolution slider

 

 

 

Step 9:  Setup Home page

From Left bar >> Settings >> Reading

 

Step 10: Setup Menu

 

Step 11: Install Child-theme


 

 

 

Step 1 - Please surely 'transfer type' in your FTP is 'Binary'

Step 2 - Upload fable folder from downloaded package into wp-content > themes folder

Step 3 - Read  step 4,5,6,7,8,9,10 in "install via wordpress" section

 

 


 

   

 

 

 

 

 

- Step 1: Backup all files of theme

- Step 2: Open changelog/index.html file in download package

- Step 3: Upload changed files via FTP software

 

 

- You can use some option for theme in: Appearance >> Customize

- Global settings

+ Display spin

+ Main layout

+ Width of site

+ Seo keywords, Description

- Typography settings

+ Main color

+ Body font

+ Title font

+ Comic_font

+ Button hover color

- Logo settings

+ upload logo

- Menu settings

+ Social footer

Menu Background Color

Opacity of Background Color

Menu Background Color when page scroll

Opacity of Menu Background Color when page scroll

Menu Link Color

Menu Link Color when hover

+ Menu Link Color when active

Menu Link Color when page scroll

+ Show header background for search

 

 

 

Go to Pages >> All pages from left sidebar >> Choose Home bakery, Home cafe, Home pub, Home restaurant to edit . You need to know visual composer to use element.

Restaurant Menu

Create category

Go to Restaurant Menu >> Categories >> Add new category

Create restaurant menu

Go to Restaurant Menu >> Add new Restaurant menu .

 

- Display frontend

Go to Pages >> All pages >> Choose pages: Menu, Menu cafe, Menu pub, Menu restaurant to edit.

Note you need choose again "Category" in Menu Category element visual composer

 

Click Slider Revolution from left sidebar >> Choose a slide to edit.

You can read more here to know how to use revolution slider: https://revolution.themepunch.com/

 

OverView

You can read detail here: http://vc.wpbakery.com/

Note: If you want to auto update Visual Composer, you have to purchase "Regular License" at codecanyon (http://codecanyon.net/item/visual-composer-page-builder-for-wordpress/242431) then update info in settings of Visual Composer:

 

 

1: Booking Form

From Left Bar >> Contact >> Contact From >> Form tab and insert this code


	
<div class="col-md-6">
    [text* your-name class:register-input class:white-input placeholder "Full name"]
    [text your-subject class:register-input class:white-input placeholder "Phone Number"]
    [date* date class:register-input class:white-input placeholder "Date"]
</div>
<div class="col-md-6">
[email* your-email class:register-input class:white-input placeholder "Your email"]
[select* how-many class:register-input class:white-input include_blank "1 Person" "2 People" "3 People" "4 People" "5 People" "6 People" "7 People" "8 People" "9 People" "10 People"]
[text* booking-time class:register-input class:white-input placeholder "Booking Time"]
</div>
<div class="col-md-12">
[submit id:submit-button class:register-submit "Book Your Table"]
</div>

 

 

2: Contact form 7

From Left Bar >> Contact >> Contact From >> Form tab and insert this code


<div class="col-md-6 wow slideInLeft" data-wow-delay="0.5s">
[text* your-name class:contact-input class:white-input placeholder "Full Name*"]
[email* your-email class:contact-input class:white-input placeholder "Email Adress*"]
[text* your-subject class:contact-input class:white-input placeholder "Phone Number*"]
</div>
 
<div class="col-md-6 wow slideInRight" data-wow-delay="0.5s">
[textarea* your-message class:white-input class:contact-commnent placeholder "Your Message..."]
</div>
 
[submit class:contact-submit class:wow class:fadeInUp "Send message"]
 
 

The theme is compatible with WPML plugin, thus can be translated into multiple languages. Follow this link for guide. You can also use POEdit plugin for translation.

Codestyling Localization is a good alternative for POEdit. It also works with .po/.mo files and is very easy to use.