ezBoozt Documentation

Firstly, we would like to thank you for purchasing ezBoozt Wordpress theme and chosen it for your website. We outline all kinds of good information, and provide you with all the details you need to use the Wordpress theme.

If you are unable to find your answer here in our documentation, feel free to ask for help from our support team, all you have to do is submitting a ticket via our Support Ticket system or email us: [email protected].

View other great wordpress themes

The instruction is to help you with installation of the ezBoozt theme.

Download packages

Purchase ezBoozt template from ThemeForest then you can download our template package on there.


Theme Installation

Installing a WordPress theme is super easy, you’ll see our video guide:

Plugins Installation

Installing plugins of theme is super easy, you’ll see our video guide:

In our theme need to 2 plugins to use : Ajax Search and Wishlist, if you want to active it, please go to Dashboard --> Plugin--> Add New

Then you will see box search --> search name of plugin "Ajax Search for WooCommerce", "YITH WooCommerce Wishlist "

Then click button "Install Now" , after this plugin is installed, please active it

In EzBoozt theme Our Technical has used some plugins to intergate with our themee :

Woocommerce currency switcher : the plugin that allows to the visitors and customers on your woocommerce store site switch currencies and even apply selected currency on checkout.

To use it, please go to "Add New"->> and search name of plugin :"woocommerce currency switcher" then install and active it

Front-end look like :

Wp nextprev product navigator : A light weight plugin which adds Next/Prev navigation to Woocoommerce products elegantly and responsively.

To use it, please go to "Add New"->> and search name of plugin :"wp nextprev product navigator" then install and active it

Front-end look like :

Variation-swatches-for-woocommerce : Beautiful Color, Image and Buttons Variation Swatches For WooCommerce Product Attributes.

To use it, please go to "Add New"->> and search name of plugin :"variation-swatches-for-woocommerce" then install and active it

Front-end look like :

Woocommerce-products-filter : easy and robust professional filter for products in the WooCommerce store.

To use it, please go to "Add New"->> and search name of plugin :"woocommerce-products-filter" then install and active it

Front-end look like :


Install Data Demo

Install Data Demo

We have function Opal Theme to import oneclick for theme to easy and quickly .

Step 1- Login to the WordPress Dashboard.

Step 2- From the OpalTheme --> Import demos.

Step 3 - Click to button "Import Demo " and you will see all our demos, please choose one demo that you want to import and click to button "Set up".

If you want to know more about that please follow our video guide to know more :

1. Creating your Menu

Step 1- Login to the WordPress Dashboard.

Step 2- From the 'Appearance' menu on the left-hand side of the Dashboard, select the 'Menus' option to bring up the Menu Editor.

Step 3 - Select Create a new menu at the top of the page.

Step 4 - Enter a name for your new menu in the Menu Name box.

Step 5 - Click the Create Menu button. Your menu is now defined, and you can now add pages to it (steps below).

Step 6 - Select the Pages that you want to add by clicking the checkbox next to each Page's title.

Step 7 - Click the Add to Menu button located at the bottom of this pane to add your selection(s) to the menu that you created in the previous step.

Step 8 Fill information of menu that you want to display.

Step 9 - Assign each Theme Location with a menu. You can assign menus to multiple Theme Locations.

Step 10 - Click the Save Menu button once you've added all the menu items you want. Your custom menu has now been saved.

Menu Home will be displayed.

To know more please follow our techncial guide and you can create a menu quickly.

2. Creating your Megamenu

The following steps will guide you in defining your menus using the WordPress menu editor and Megamenu. MegaMenu is a user-friendly, highly customizable responsive Mega Menu WordPress plugin to create Menu. In each menu, you can add as many items you need: links, pages, posts, custom links, shop categories, direct links to products, internal or external link even sidebars .

Using Megamenu tools.
Step 1 - From your Admin Dashboard - Navigate to  Megamenu . Then create new Megamenu profiles.

Step 2 - Create Megamenu profiles by Visual Composer Elements. That can help you create anything you want. Drag any contents you need to your menu.

Step 3 - Enable Megamenu profile on Menu.
- Go to your menu. Under each menus option you can see.
1. Megamenu Profile : You can select Megamenu Profile to display on Front End. That profiles was created on step 1. If you select disable, submenu will be displayed.
2. Width : setting width of megamenu content.
3. Alignment : setting position of megamenu content.

Front end look like

1. Menu Home have megamenu Sub Portfolio profile. Width : 800 , Alignment left.

If you want to know more, please follow our technical guide:

3. Creating your Vertical Menu

In Our theme, we has used vertical menu:

Step 1 - From your Admin Dashboard - Navigate to  Appearance then click to Menus.

Step 2 - Create vertical menu like create a menu .

Specially, In our theme has used Icon for vertical menu , please go to

Icon of Fontawesome

and input number of icon .

or you can go to Web font that your technical used

then copy number of icon -->input number of icon to config .

Then choose config location in menu setting is "vertical menu " and click to "Save Menu" .

Front-end look like

If you want to know more, please follow our technical guide:


Set Up Header

Step 1 - From admin Dashboard, navigate to Header Builder > Add Profile Header

Step 2 - Using Visual Composer backend editor ezBoozt then add element to your Header 

Step 3 - Build your footer style with unlimited layout

Header layout for you.

Front end look like :

Visual Element Layout setting

Step 4 - After create your header profile. Navigate to Dashboard->>Homepage and scrolldown until you see Page setting ->> choose Header and choose header that you want to use.

Or you can choose header in Customizer. Navigate to : Apperance > Customize > Header.

Choose your header for  page.

If you want to know more, please follow our technical guide :


Set Up Home Page

You can quickly build a home page using Visual Composer for WordPress that is drag and drop frontend and backend page builder plugin that will save you tons of time working on the site content. You will be able to take full control over your WordPress site, build any layout you can imagine – no programming knowledge required

From your Dashboard admin Navigate to Pages

  - Select All Pages to see all page then click edit one page you want

  - Select Add New to create new page

One page always include a lot of parts like Header , Main Page, Widget Sidebar and Footer. In that section we guide you create Main page by using Visual Composer.

A. How to use Visual Composer

Have you ever used Visual Composer ? Please follow that guide first : Visual Composer guide

Official Plugin Documentation For More information about the Visual Composer check the official documentation.

Watch video about Visual Composer

1. Classic ezBoozt.

You can insert code on table then Home page will be created automatically.

2. Backend Editor ezBoozt

Drag and drop elements you need to build your page layout.

How to use Back End ezBoozt

a. Add and modify Row Layout

Step 1 - Go to your page / post, first activate the backend editor and click Add Element

Step 2 - Select the Elements you want to use.

Step 3 - Click on the Edit This Row (pencil icon) to Edit the Row element ( in our example we use row with 3 columns filled with text block )

Step 4 - To change the Row layout ( number of columns ) you need to click the second Icon from the left then select a layout or custom to make your own

b. Edit Element

Pencil Icon - To Edit Row, Column or Module you need to click the Pencil icon.

c. Duplicate Element

Pages Icon - To Duplicate Row or Module you need to click the Pages icon.

d. Remove Element

Trash Box Icon - To Remove Row, Column or Module you need to click the Trash Box icon.

e. About Row / Column / Custom heading / Text Block Design options

Design Options - When you edit row / column / custom heading / text block module, you can edit the design options

Row / Custom Heading / Text Block element have a default Bottom Margin of 35 pixel, you may want to set it to 0 if you don't want to have bottom space.

It is Good to add bottom Padding to your Column, so they will looks good on mobile 

Left and Right Margin should NEVER be modified, please left blank

For Row module the Left and Right Padding should also NEVER be modified, please left blank 

3. Page Options

a. Page Attributes

You can select page attributes on right sidebar of page admin layout. Each Page templates have each styles .

b. Page configure default template

For each page you can change the page layout style, custom header , custom footer and much more! Check the screenshot and read the documentation to see how it works .

  • Layout - Select if you want the page to have a Fullwidth layout and config sidebar.
  • Header Layout - Select if you want to custom header in customize.
  • Footer Layout -  Select if you want to custom header in customize.
  • Breadcrumbs - Select if you want to custom header in customize.

In Theme EzBoozt. Our technical use function countdown products of Woocommerce.

To use it, please go to Dashboard->> Products

Next, please choose one product, that you want to show countdown, click button "Edit" -->> scrolldown until you see "Product data" ->> Click "General" ->> input price and sale price, sale price dates of product.

Step next, please go to edit homepage and choose element "OTF PRODUCT DEALS" then choose config in there

Finally, please submit your config and you will see countdown product in homepage :

If you want to know more information, please go to Woocommerce

C. Set a page as Home Page

Step 1 - Go to Settings > Reading in your WordPress Dashboard panel.

Step 2 - Set "Front page displays" to a "Static Page".

Step 3 - In the drop down menu for "Front Page" choose a page which will be your home page.

Step 4 - Leave the drop down menu for "Posts page" empty, as this is not used by the theme.

Step 5 - Save changes.


Set Up Blog Page

1. Create the blog post

Step 1 - Log in to your WordPress Administration Panel (Dashboard).

Step 2 - Click the 'Posts' tab.

Step 3 - Click the 'Add New' sub-tab.

Step 4 - Start filling in the blanks: enter your post title in the upper field, and enter your post body content in the main post editing box below it.

Step 5 - As needed, select a category, add tags, post format, fill in the meta setings below the editor.

Step 6 - Upload a featured image for your Post.

Step 7 - Select Post Format. You can create blog post with a lot of Formats like link, gallery, image ..... Select format on Format box from in right sidebar .

Step 9 -  When your post is ready, click Publish.

2. Manager current all blogs

Navigate to Posts All Posts

You can see all informations of you blog post, add new, edit or delete them.

3. Create Blog Page

Option 1. Create Blog Page with Visual Element

Step 1 - Log in to your WordPress Administration Panel (Dashboard).

Step 2 - Click on Pages > Add New.

Step 3 - Give your page a name then Change the Editor to Backend Editor ( you need to have the Visual Composer plugin activated ).

Step 4 - Click on the Add Element button

Step 5 - Select the Wordpress widget.

Front end look like :

Option 2. Create Blog page with Blog template

Step 1 - Log in to your WordPress Administration Panel (Dashboard).

Step 2 - Click on Pages > Add New.

Step 3 - From Page Attribubtes -> Select Template : Blog.

Step 4 - Set up Page configuration

  • Layout - Select if you want the page to have a Fullwidth layout and config sidebar.
  • Header Layout - Select if you want to custom header in customize.
  • Footer Layout -  Select if you want to custom header in customize.
  • Breadcrumbs - Select if you want to custom header in customize.

4. Blog Global Configure

Step 1 - From your admin Dashboard navigate to : Apperance > CustomizeBlog

Step 2 - Set up Archive & Category Setting.

You can set Global (default) layout for archive blog page and category blog post then select content sidebar to display

Step 3 - Set up Single Post Setting

Set Up Footer

Step 1 - From admin Dashboard, navigate to Footer > Add Profile Footer

Step 2 - Using Visual Composer backend editor ezBoozt then add element to your Footer 

Step 3 - Build your footer style with unlimited layout

Footer layout for you.

Footer default.

Front end look like :

Visual Element Layout setting

Step 4 - After create your footer profile. Navigate to Dashboard->>Homepage and scrolldown until you see Page setting ->> choose Footer and choose footer that you want to use.

Or you can choose footer in Customizer. Navigate to : Apperance > Customize > Footer.

Choose your footer for  page.

If you want to know more, please follow our technical guide :


Create Brands

Step 1: Go to Edit HomePage

Step 2: Drag OTF Brands elements by using Visual Composer on page you want to display testimonials.

You can choose some setting like title, number of brands .

Please follow our technical guide:


Create Newsletter

We are using MailChimp for WP plugin for Newsletter subscribe. You can read more about MailChimp from here

Follow that step below to help you can collect email of subscribers.

Step 1 - Signup for Mailchimp account then create your lists to collect email

Step 2 - Install and active plugin MailChimp for WP

Step 3 - Navigate to MailChimp for WP > MailChimp then connect with your mailchimp account you created from step 1

Step 4 -  Create mailchimp form to collect email. Navigate to Forms

Import HTML Code below on section Form mark-up Source

Source :

	<div class="input-group">
	  <input class="form-control" type="email" name="EMAIL" placeholder="Your email address" required />
	  <span class="input-group-btn">
		  <button type="submit" class="search-submit btn">
			<span class="icon icon-249"></span>
			  <span class="lable">Submit</span>
		   </button>
	  </span>
	</div>
	

Step 5 - After creating from of your plugin. You must set position where you want to display.

Going Appearance -> Widgets then drag mailchimp widget to Newsletter Sidebar. You can bring that sidebar to every position you want. ( You can drag to left, right sidebar for each page. You can drag to Footer position.... )


Create Contact Page

1. Create Contact Form.

Make sure you install and active Contact Form 7 plugin to continue reading.

Step 1 - Log in to your WordPress Dashboard, go to Contact > Add New

Step 2 - Give a Name to your form and change Mail Info

Step 3 - Edit the Form field to change the Form Layout

2. Create Contact Page

Step 1 - Log in to your WordPress Administration Panel (Dashboard)..

Step 2 - Click on Pages > Add New.

Step 3 - Give your page a name then Change the Editor to Backend Editor ( you need to have the Visual Composer plugin activated ).

Step 4 - Click on the Add Element button



Step 5 - Select the Contact Form 7 element.


Step 6 - The Contact Form 7 Settings should appear. Select the Form you want to use you can also customize the Color and change the fields layout and button design
Step 7 - Update / Publish your page

ezBoozt Theme use Customizer provides an ultra effective and intuitive way to customize theme layout & setting with real-time preview. Bring all of settings to customizer, you do not need to using another theme option anymore

To access Customizer go to your admin Dashboard  Navigate to Appearance >> Customize

1. Typography : Manage general setting like your font, font size, , ....

2.Color: select your color for global.

3.Layout: Set up layout for global.

3. Header Setting : Set up social for header

4. Blog : manage global setting for Blog

6. Woocommerce :An e-commerce toolkit that helps you sell anything

7. Animation :Set up config for animation

8. Footer :Set up config for footer

9. Site Indentity :Set up logo and site icon

10. Menu: manage setting of Menu

To know more about Customize, please go to this document and you will see all config in here.

Document for Customize

The easiest way to translate theme to the language of your choice is to use "WPML" plugin.

- To begin, be sure you have the WPML Plugin installed and activated, along with the WPML String Translation plugin.

- To set up WPML the first time, follow their Getting Started Guide.To begin translating, select WPML (in the Dashboard menu) -> String Translation. You should see a list of the strings in the theme (there should be only four), with blue translation links to the right. Click these links to reveal the list of languages you use on your blog and the associated translations.

- How to set and translate main features of the theme

  • Using translation management http://wpml.org/documentation/translating-your-contents/using-the-translation-editor/
  • Translation Management & Features – http://wpml.org/documentation/translating-your-contents/using-the-translation-editor/translation-management-features/
  • Translating URL slugs – http://wpml.org/documentation/getting-started-guide/translating-page-slugs/

- How to scan strings coming from the theme

  • http://wpml.org/documentation/getting-started-guide/theme-localization/

- How to translate strings using String Translation

  • http://wpml.org/documentation/getting-started-guide/string-translation/

- If adjustment is needed for WPML language switcher please also add this

  • http://wpml.org/documentation/getting-started-guide/language-setup/custom-language-switcher/

- If you need more help with WPML plugin. Please go WPML Forum

1. How to update Theme

a. Update Theme via WordPress

Updating the theme via WordPress is very similar to the install process via WordPress. Make sure you had backup all of your customization in our theme.
Follow the steps below to update your theme via WordPress:

Step 1 - Download latest theme package on ThemeForest

Step 2 - Log into your WordPress Dashboard.

Step 3 - Go to Appearance > Themes.

Step 4 - Deactivate the ezBoozt Theme by simply activating a different theme. Once you activate a different theme, you can delete the ezBoozt theme.



Step 5 - Delete the ezBoozt Theme. Do not worry, your content will not be lost!

Step 6 - Then simply upload the newest “ezBoozt_theme.zip” file in the Appearance > Themes section. Click on the Install Themes tab at the top and choose to upload the zip file. You have this step explained in section: Theme Installation via WordPress.

b. Update theme via FTP

Updating the theme via FTP is very similar to the install process via FTP.
Follow the steps below to update your theme via FTP:

Step 1 - Go to .../wp-content > themes location on your server using a FTP client and backup your "ezBoozt" theme folder by saving it to your computer, or you can choose to simply delete it. Your content will not be lost.

Step 2 - Download the new version of ezBoozt theme from your Themeforest and retrieve ezBoozt folder by unpacking the zip that you download from Themeforest and ezBoozt_theme.zip.

Step 3 - Then simply drag and drop the new "ezBoozt" theme folder into .../wp-content > themes location. Choose to “Replace” the current one if you did not delete it.

Step 4 - Log into your WordPress Dashboard, go to Appearance > Themes and activate the new ezBoozt theme.

2. How to create Child Theme

What is a Child Theme?
A child theme is a theme that inherits the functionality of another theme, called the parent theme. Child themes allow you to modify, or add to the functionality of that parent theme. A child theme is the best, safest, and easiest way to modify an existing theme, whether you want to make a few tiny changes or extensive changes. Instead of modifying the theme files directly, you can create a child theme and override within.

Why use a Child Theme?

if you modify an existing theme and it is updated, your changes will be lost. With a child theme, you can update the parent theme (which might be important for security or functionality) and still keep your changes. It’s a great way to get started if you are just learning WordPress theme development.

How to create Create child ?

Follow that documentation to create Child Theme  Child Themes - Codex

Using that plugin to create Child Theme : One Click Child Theme

You need to use a Child Theme only if you are making code customizations.

How to Speed Optimization

If you think your website takes too much time to load maybe you should.

  1. Install a Cache Plugin for WordPress. We recommend W3 Total Cache.
  2. Install an Image Compress Plugin. We recommend WP Smush It.
  3. Install a Database Optimizer Plugin We recommend Autoptimize
  4. Reduce the number of posts on the page
  5. Reduce the number of unnecessary plugins.
  6. Use more icons and less images.

To install plugin Autoptimize , please go to plugin and find plugin "Autoptimize"

Next go to Dashboard ->> Settings ->> Autoptimize

Set up option main like :

Option Extra

Plugin Cache to delete all caches of theme.

Then install plugin cache :

Next go to Dashboard ->> Settings ->> Cache

Choose option caching on to turn on plugin :

Then you can click button test cache to check it

If you are unable to find your answer here in our documentation, please take a photo screenshot with description detail about your problem or idea. Send all to email : [email protected] or ticket: [email protected]. Our technical team will check and try their best to help

Our support scope

Our support covers configuration, building site as demo, trouble using any features, and bug fixes. We don't provide support for customizations or 3rd party extension.

Our support time

We try our best to monitor the email around the clock, however, this is not always possible due to different time zones. We will try to reply you as fast as we can.

Our working time is 8.00 AM - 5.30 PM, Monday to Friday (GMT+7). So if ask for help in the weekend, you may have to wait a little bit for support and please be patient.