Install and Config ImEvent WordPress Theme

Version 2.9.6

Overview

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. 
 
 

Support

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  jakjim@gmail.com@gmail.com

Note: If you contact us directed at  jakjim@gmail.com@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

General info

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 use this documentation

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

 

Installing the 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

Install via Wordpress

Step 1 - Download theme from themeforest then unzip you will see imevent.zip file to install

 

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 "imevent.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 XML file from demo_content 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.

 
Common Install Error: You don't get images or video from our server so your website miss image and don't like our demo. 
Solution: 
+ You need have fast network speed and import again but the old data will duplicate.
+ Insert image by yourself.

 

Step 7:  Setup Home page

From Left bar >> Settings >> Reading

 

Step 8: Setup Menu

One page

 

Primary Menu

Install via FTP

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

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

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

 

 


 
   

 

 

 

 

 

How to update the theme

- Step 1: Backup your site

- Step 2: Read update_theme/index.html 

 

Config default Page

 

Config Home Page

- Setup Home Page
 

 

- Setup Menu for Home Page

 

 

Theme Option for theme

- General Settings


- Style settings

 

- Footer Settings

- Slideshow settings

- Countdown settigs

- Register form settings

- Schedule settings

- Speaker settings

- Faq settings

 

 

Register Form Settings

a) Some notes in config of register form

 

b) Define Fields for Register form

You have to insert correct syntax to 'Define Fields for Register Form'. like here Please note even to character " , . } " . If you insert wrong syntax, the form will doesn't work.

We support syntax some type: textfield, textarea, email, url, number, date, dropdown, checkbox, radio, message

This is some common fields in syntax: uniqueid: Insert a unique name: don't space, lowercase, don't special character. For instance: name, surname label: label of field value: value default of field require: true or false. At frontend client have to insert value or empty class: class to wrap field

 

Textfield syntax:
type: textfield
 
"uniqueid":{
"type":"textfield",
"label":"label of text",
"value":"",
"require":"true",
"class":"col-sm-6 col-md-3"
}
textarea syntax: 
type: textarea 
cols: column of textarea 
rows: row of textarea
 
"uniqueid":{

"type":"textarea",

"label":"label of text",

"value":"",

"cols":"10",

"rows":"4",

"require":"false",

"class":"col-sm-6 col-md-3"

}
email syntax: 
type: email
 
 
"uniqueid":{

"type": "email",

"label":"Your Email Here",

"value":"",

"require":"false",

"class":"col-sm-6 col-md-3"

}
url syntax: 
type: url 
 
 
"uniqueid":{

"type":"url",

"label":"Your Url",

"value":"",

"require":"false",

"class":"col-sm-6 col-md-3"

}
number syntax: 
type: number 
 
"uniqueid":{

"type":"number",

"label":"Your Phone Number",

"value":"",

"require":"false",

"class":"col-sm-6 col-md-3"

}
date syntax: 
type: date 
format: Insert format for date mm-dd-yy or dd-mm-yy
 
 
"uniqueid":{

"type":"date",

"label":"Date",

"value":"",

"require":"false",

"format":"mm-dd-yy",

"class":"col-sm-6 col-md-3"

}
dropdown syntax: 
type: dropdown 
value: 
Label Option 1, Label Option 2 : There are will display in option at frontend 
Value Option 1, Value Option 2: Value for 2 options. If this option is price to pay for paypal, you have to insert number.
 
"uniqueid":{

"type":"dropdown",

"label":"Price", 

"value":{

"Label Option 1": "Value Option 1",

"Label Option 2": "Value Option 2"

},

"require":"true",

"class":"col-sm-6 col-md-3"

}
checkbox syntax: 
type: checkbox 
value: 
Label Option 1, Label Option 2, Label Option 3 : There are will display in option at frontend 
Value Option 1, Value Option 2, Value Option 3: Value for the options. 
This field don't support require to validate
 
"uniqueid":{

"type":"checkbox",

"label":"label for checkbox", 

"value":{

"Label Option 1": "Value Option 1",

"Label Option 2": "Value Option 2",

"Label Option 3": "Value Option 3"

}, 

"class":"col-sm-6 col-md-3"

}
radio syntax: 
type: radio 
value: 
Label Option 1, Label Option 2 : There are will display in option at frontend 
Value Option 1, Value Option 2: Value for the options. 
value_default: Default value. 
This field don't support require to validate
 
"uniqueid":{

"type":"radio",

"label":"label for radio", 

"value":{

"Label Option 1": "Value Option 1",

"Label Option 2": "Value Option 2"

},

"value_default":"Value Option 1",

"class":"col-sm-6 col-md-3"

}
message syntax: 
type: message 
 
"uniqueid":{

"type":"message",

"label":"",

"value":"Please note: An One Page Event Manager",

"class":"col-sm-12 col-md-12"

}

 

For Instance About All Fields

{


"name":{

"type":"textfield",

"label":"Name",

"value":"",

"require":"true",

"class":"col-sm-6 col-md-3"

},


"surename":{

"type":"textfield",

"label":"Surname",

"value":"",

"require":"false",

"class":"col-sm-6 col-md-3"

},


"email":{

"type": "email",

"label":"Your Email Here",

"value":"",

"require":"false",

"class":"col-sm-6 col-md-3"

},


"url":{

"type":"url",

"label":"Your Url",

"value":"",

"require":"false",

"class":"col-sm-6 col-md-3"

},


"number":{

"type":"number",

"label":"Your Phone Number",

"value":"",

"require":"false",

"class":"col-sm-6 col-md-3"

}, 


"comment":{

"type":"textarea",

"label":"Comment",

"value":"",

"cols":"10",

"rows":"4",

"require":"false",

"class":"col-sm-6 col-md-3"

},


"date":{

"type":"date",

"label":"Date",

"value":"",

"require":"false",

"format":"mm-dd-yy",

"class":"col-sm-6 col-md-3"

},


"price":{

"type":"dropdown",

"label":"Price", 

"value":{

"Price 1": "10",

"Price 2": "20",

"Price 3": "30"

},

"require":"true",

"class":"col-sm-6 col-md-3"

},


"hall":{

"type":"checkbox",

"label":"Hall", 

"value":{

"Hall A": "hall-a",

"Hall B": "hall-b",

"Hall C": "hall-c"

}, 

"class":"col-sm-6 col-md-3"

},


"sexy":{

"type":"radio",

"label":"Sexy", 

"value":{

"Male": "male",

"FeMale": "female"

},

"value_default":"female",

"class":"col-sm-6 col-md-3"

},


"note":{

"type":"message",

"label":"",

"value":"Please note: An One Page Event Manager, \"Theme made with passion by jThemes Studio",

"class":"col-sm-12 col-md-12"

} 


}

 

c) View Order and Export CSV with paypal or Free 

Go to Appearance >> Paypal Register List or Free Register List

 

 

Slideshow

Slideshow

- Make Group: Slideshows >> Groups

- Make slide: Slideshows >> Add new slide

+ Countdow slide

 

+ Slide display Register & Watch video Button 

 

+ Register Form slide

 

+ Slide Youtube video

 

Schedule

- Schedule Frontend

 

Step 1 – Create Categories:

- Create Category level 1: 

Schedule >> Categories >> Insert some fields: 

 Name: For instance Day 01 

 Parent: None 

Description: For instance 15.11.2014 

 

- Create Category level 2:

Schedule >> Categories >> Insert some fields: 

 Name: For instance Hall A 

 Parent: Select a category level 1 

 Description: empty 

 

Step 2 – Create Schedule Item:

 

Schedule >> Add New Schedule >> View here 

 

Step 3 – Display Frontend: 

 - Use Schedule element visual composer.

 

- Step 4: Options 

 You will find options for schedule in

Theme options >> Schedule settings

 

Speaker

Step 1: – Create category

Speakers >> Group >> Insert Name Field

 

 Step 2: Create item for speaker:

 Speakers >> Add New Speaker >>Insert Content for Speaker

 

 Step 3 Display Speakers at frontend: 

 - Use speaker element visual composer

 

- Step 4: Options 

 You will find options for schedule in

Theme options >> Speaker settings

 

FAQ

Step 1 – Create Group.

Faq >> Group >> Insert Name field

 

Step 2 Create faq item:

Faq >> Add New Faq 

 

Step 3 Display frontend:

- Use faq element visual composer.

 

- Step 4: Options 

 You will find options for schedule in

Theme options >> Faq settings

Change image background in slideshow / Section / Row

Create scroll when click an menu item

For example: Create menu about

 Step 1: Create menu about

 

Step 2: Create section about in page

Contact Form

1: Contact Form 7

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

 

<div class="af-form" id="af-form">

<div class="af-outer af-required form-group af-inner">

[text* text-471 tabindex:1 30/ id:name class:form-control class:placeholder placeholder "Your Name ..."]

</div>

<div class="af-outer af-required form-group af-inner">

[email email-326 tabindex:2 id:email class:form-control placeholder "Your email..."]

</div>


<div class="af-outer af-required form-group af-inner">

[textarea* textarea-209 tabindex:3 50x4 id:input-message class:form-control class:placeholder placeholder "Your Message ..."]

</div>

<div class="af-outer af-required text-center form-group af-inner">

[submit id:submit_btn  class:form-button class:form-button-submit class:btn class:btn-theme class:btn-theme-lg class:btn-theme-transparent "Send message"]

</div>

</div>

 

Create WooCommerce for booking Event

Step 1: Create Category

 

Step 2:  Create Product

 

Step 3: Create Booking at frontend

 

Visual Composer

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:

 

 

Translations

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.

Download HTML

Download