First Thing First

Hi, We are here to describe or show how to use Drox - Agency & Portfolio WordPress theme right way. Try to cover up everything. Don't be fred if we miss something. We are available on mail 24/5 just mail us we will try to solve your issue ASAP. Lets start:

  • Documentation: Here it is.
  • License: Some info about license are noted bellow.
  • Files: All file in here with .zip formate.
  • Sample Data: Install all sample data to get preview like live Theme Demo.
  • Support: mail us at [email protected].

Theme Installation

Before we start talking about theme installation we should know some fact about wp themes. There in Drox package two theme is available. Parent and Child. So we should know about parent and child theme first. 

A WordPress child theme takes the functionality of another theme, named parent theme. It gives you the possibility to customize an existing theme. Instead of modifying the theme files directly, you can activate the child theme and work within it. All customizations are stored in the child theme and anything in the child takes priority over the parent. So if the same file exist in both child and parent, the file from the child will control that aspect of the theme. Working with child themes, your customizations are safeguarded from future upgrades because you only upgrade the parent theme, which you never edit, while the customizations are protected in your child theme which you don’t upgrade.

Why use Child Theme?

Safe Updates. You can easily modify your website using child themes without ever changing the parent theme. When a new version of the parent theme appears, you can safely update it as all your modifications are saved in the child theme. Easy to Extend. A child theme has a great flexibility. It does not require writing a lot of code. You can modify only those template files and functions that you need.

When you install one of our Drox themes you must upload both Drox parent and Drox child theme folders to /wp-content/themes/ but you should only activate the Drox theme via Appearance -> Themes.

Here is 2 ways to install Drox theme in your wordpress. Details are noted bellow:

FTP Upload:

  1. Unzip you downloaded package.
  2. Open up your FTP manager and connect to your hosting
  3. Browse to wp-content/themes
  4. Upload the Drox & Drox child in theme folder
  5. Log Into WordPress and go to Appearance > Themes
  6. Find the Drox or Drox child Theme and click activate btn.

WordPress Upload:

  1. Log into your WordPress backend
  2. Navigate to Appearance > Themes
  3. Click Install Themes
  4. Click Upload
  5. Now you just need to find the "mrox.zip & mrox-child.zip" in the Upload folder and hit Install now.
  6. After complete installation click on active button to active The theme.

Here is an Drox theme installation video. Hope this one will help you. I am going to follw "FTP Upload" method. I already uploaded theme in my wp-content/themes/ folder. Uploaded both parent and child theme. Let me show you:

If you still can't figure it out then please mail me at [email protected]. I am ready to help you.

Plugins Installation

In Drox we used 9 Plugin. 6 plugins are required and 3 plugins are optional. You must be installed them before import dummy content. 

  1. Elementor -> Used for Visual Page Builder. (*)
  2. Kirki -> Used for Customize options and Theme customizations.  (*)
  3. Drox Assistance -> Used for all custome post type and Drox Features.  (*)
  4. Revolution Slider -> Used for all Hero slider.  (*)
  5. Unyson -> Used for Dummy Installation and Content Backup.  (*)
  6. Contact Form 7 -> Used for contact form.  (*)
  7. Mailchimp For WP -> Used for Mailchimp Subscription.
  8. Woocommerce -> Used for eccommerce platform.
  9. Max Mega Menu -> Used for mega menu.

Lets talk about installation process. Once you installed & Active the Drox theme you will see an notification in you WP dashboard. Like this:

Click on Begin Installing Plugins link that red marke in prev screenshot. You will get this window:

Select all plugin by checked all check boxes. Select 'Install' from bulk action dropdown. Then click on Apply buton and wait. Once all plugin get installed please Active all of them and Install Unyson Extension for Dummy upload. Here is a small Screencast.

If you still can't figure it out then please mail me at [email protected]. I am ready to help you.

Dummy Data Installation

Drox is an awesome Mulit page  Agency & Portfolio WordPress Theme. And it has an awesome dummy data installation process. You can install dummy data in one click.

Note: Install all plugins and extensions before install dummy content.

Please browse Tools -> Demo Content Install. You will get a new window with Drox Dummy Data Install button.  Now  you need to click on "Install" button and wait till auto refresh. Please during dummy installation do not click any place or do not refresh the page. This awesome installare will set everything and redirect you to site home page.

Here is a details screencast of dummy installation and configuration: 

If you still can't figure it out then please mail me at [email protected]. I am ready to help you.

Theme Option Panel

In Drox we used WP Customzer as option panel. Its helps you to edit option on live. We make some screencast for option panels and that will helps you a lot. So lets start. Please navigate Appearance -> Customize -> Theme Options.

 

General Settings: Under general settings you will be able to setup some of your theme general options. Like: Custom Cursor, Site loader & Site Maintenance Mode etc.

 

Typography Settings: Here you will be able to setup you site typography. Lets take a look

 

Color Preset: Setup you site primary color here. 

 

Header Settings: Setup you site global header here. Remember is global header settings. Only for pagese you can override these settings. I will show you all of them.

 

Blog Settings: Heare you can set up blog page Banner, Content and Others. 

 

Single Blog Settings: Setup you single blog here. Some of those settings can be override from Post edit screen letss see both.

 

Folio Settings: Here you can setup you portfolio listing page Banner and Content. And you can override those settings under page edit screen. We will show you both.

 

Single Folio Settings: Here you can setup you single portfolio Banner & Content Style. Also those settings are global and you can override them from folio edit screen. 

 

Shop Settings: Setup you shop page from here. Shop page Banner, Content & Content Style. 

 

Shop Product Settings: Setup your product details page Banner, Content & Content Style here. Those are global settings and you can override them from product edit screen.

 

Footer Settings: Setup your site global footer. This settings will effective almost everywhere on your site. But you can override these settings only for pages. Even you can hide footer for pages.

 

404 Settings: Setup you site error / 404 page here. 

Page Builder

Now we are going to learn how our visual page builder works. We are going to build a sample page with Elementor. We have follow some process.

  1. Create a page with Page Title.
  2. Select Page Template.
  3. Insert Content.

All those steps are in this video. I think video is better than descriptions.

Block Manager

Some of wp pages does not have any editor to add extra section. Pages are like Blog, Blog Details Portfolio & Details, Shop & Details. Thats why we create block manager. Lets take a small screencast:

Credits

First of all i wanna thanks to all authors who made my taks easy. I wanna give them full credits. Without there scripts It will really very hard to build such beautifull theme.

CSS & Fonts :

  1. Bootstrap
  2. Animation
  3. Font Awesome
  4. Line Awesome
  5. Google Fonts
  6. Flaticon

JS :

  1. Bootstrap
  2. Gmaps JS
  3. Parallax JS
  4. Jquery Magnific Popup
  5. Owl Carousel
  6. Shuffle js

Plugins : 

  1. Elementor
  2. Contact Form 7
  3. Unyson
  4. Mailchimp for Wordpress
  5. Kirki
  6. Woocommerce
  7. Max Mega Menu

Conclusion

Once again, thank you so much for purchasing our theme. As we said at the beginning, we are glad to help you if you have any questions relating to this theme. Just contact us via email at [email protected]. And please do not forget to rate this theme! :)

 

Thanks In Advance
ThemeWar