First Thing First

  • 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].

WP Installation

First of all if you are all new to WordPress, I would recommend to learn a little bit about it before you get started. Here are some nice Resources on how to get started with WordPress.

Here is an step by step video tutorial for wordpress Installation:

Theme Installation

Before we start talking about theme installation we should know some fact about wp themes. There in Industing 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 a 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 Industing themes you must upload both Industing parent and Industing child theme folders to /wp-content/themes/ but you should only activate the Industing theme via Appearance -> Themes.

Install Via FTP Upload:

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

Install Via Wordpress Upload:

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

Here is an Industing 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 us at [email protected]. We are ready to help you.

Plugins Installation

In Industing we used 8 plugins. Some of them are required and others are optional. Here is the lists.

  1. Industing Assistance -> Used for all custom functionalities. (*)
  2. Contact Form 7 -> Used for Contact for only. (*) 
  3. Elementor -> Used for Visual Page Builder. (*)
  4. Unyson -> Used for Backup, Dummy Installation and Meta Boxes. (*)
  5. Kirki -> Used for Customizer Option Panel. (*)
  6. Revolution Slider -> Used for Banner Sliders. (*)
  7. Mailchimp For WP -> Used for subscription widgets.
  8. Woocommerce -> Used for E-Commerce Platform.

Lets moove on to installation process. Once you install and active Industing on your WordPress you will get notification for necessary plugin installation:

Now Click on "Bing Installing Plugins" link. You will get a list. Select all of them and Choose "Install" from action dropdown then click on "Apply" Button.

After that you will get same list with "Activate" Action. Now active all of them. After activation made you get notification about Woocommerce Installation Process. Complete that process with necessary informations. Now install necessary addons. Here is a small Screencast for plugins intallation process.

If you still can't figure it out then please mail us at [email protected]. We are ready to help you.

Dummy Data Installation

Industing is an awesome responsive WordPress theme. And it has an awesome dummy data installation process. Now i am going to show you dummy installation process. 

Note: Install all plugins and extensions ( Required & Optional ) before install dummy content. 

Industing One Click Installation: Please navigate Tools -> Demo Content Install. You will get a new window like this.

Now 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. Lets take a look installation video.

WordPress XML Installation Process: Lets take a look on manual dummy installation process. If in any case our one click installation not working then this method will help you.  

To install please Navigate Tools -> Import. You will get a POPUP from popup click on Wordpress link in bottom left. Its ask you for install a importer plugin and activation.  After activate the plugin browse the .xml file from industing package and click on Upload File and Import button. Once you upload the .xml file you get a window like this.

Select your existing user and checked "Download and import file attachments" checkbox and click submit. This will take some time. Now wait and watch. Once import complete you will get a window like this.

Its done. But with this method you face some problem. So you need to configure them in your backend. Lets browse Pages -> All Pages and click on quick edit link under 'Home 01' page title.

Now select "Industing Home" template for this page. and click on update button.

Now please navigate Settings -> Reading from you admin dashboard menu. Once the settings page loaded Please checked "A Static Page" checkbox and select "Front Page" for Homepage and "Blog" for  Posts Page.

That's it. Now we need to import Rev Sliders manually. Please navigate Slider Revolution menu from you admin dashboard. You will get an window with "Manual Import" Box. Click on that box and import home_01.zip & home_02.zip slider data one by one.

Now we need to install widget datas. Please navigate Plugins -> Add New and search for "Widget Importer & Exporter" plugin. Install that plugin and activate it. 

Now browse Tools -> Widget Importer & Exporter menu. Upload Industing_Widget_Data.wie file. Now click on "Import Widgets" button. 

That's it. All done. Now refresh you Front page. Hope all is well done. If still you can't figure it out then please mail us at [email protected]. We are ready to help you.

Theme Option Panel

Industing built with WordPress Customizer. So now its easy to setup options visualy. Navigate Appearance -> Customize. There's couples of navigation menu available under Customizer. Essentials are:

  1. Site Identity -> Used for Favicon.
  2. Theme Options -> Used for Industing Settings and Configurations.

Our main focus is on Theme Options. Lost of thing we need to configure here. So lets start.

Theme Options -> General Settings: Only three options are available here.

  1. Site Preloader Status: You can elnable disable site preloader.
  2. Preloader Style: Can choose your preloader Style.
  3. Google Map API: If you want to use custom google except iframe then set your google map api key here.

Theme Options -> Typography Settings: Here you can manage your site typography. 

  1. Industing Primary Typography: Workd for almost every element.
  2. Industing Secondary Typography: Used for Heading, Buttons and Some special text.

Theme Options -> Color Preset Settings: Setup you site primary color except Header, Footer and Popups.

  1. Primary HEX Color: Insert your primery color HEX format. 
  2. Primary Color RGBA: Insert your primary color in RGBA Format.

Theme Options -> Header Settings: Setup header here. Lots of options you need to configure. I am going to show you some of them.

  1. Header Style : 2 header styles available. Choose your once.
  2. Logo: Upload logo.
  3. Header Info: Insert email and phone informations.
  4. Is Search: Enable or Disable Search icon or form .
  5. Is Popup: Enable or Disable Popup Navigation icon and view.
  6. Is Social: Hide/Show Social links.
  7. Is Cart: Hide/ Show Cart based on you requirements.

Theme Options -> Header Styling: Style up your header. You will be able to manage Text Color, Icon Colors, Background Colors and Images, Menu Colors and Backgound Colors etc. We tried to make your task easy. Still if you think you need more options please share with us. We will try our best to implement them.

Theme Options -> Popup Menu Styling: Style up your Popup Menu & Contents. You will be able to manage Text Color, Icon Colors, Background Colors and Images, Menu Colors and Backgound Colors etc. We tried to make your task easy. Still if you think you need more options please share with us. We will try our best to implement them.

Theme Options -> Blog Settings: Setup your blog page. Thos options will effect on other blog related pages. Such as, Archive, Category, Search and Author pages.

  1. Setup Banner: Setup your blog page banner. Background Images or Color, Breadcrumb Status & Lebel and Page Title.
  2. Content Settings: Setup your Blog Style, Sidebar Positions, Masonry Status and Pagination Alignment.
  3. Block Settings: You can't use Elementor in your blog page. But if you want to show some sections like Call To Action at the bottom of your blog page then you can do it with this Block Options. First of all you need to create some Blocks under Block Menu in your dashboard. Then Select yours one  in here "Block Settings". These selected blocks will show at the bottom of your Blog page.

Theme Options -> Single Blog Settings: Setup your single blog page.

  1. Banner Settings: Setup your single blog Banner. This one is global settings for all posts. If you want to set different banner for different post then Set banner imformation on each blog post edit screens. By the way you will be able to set Banner Bg, image or Color, Breadcrumb Status & Title, and Page title.
  2. Content Setup: Setup single blog style, Sidebar Positions, Meta Status etc.
  3. Block: Choose your blocks which you want to show.

Theme Options -> Service Listing:  Setup you service page here. 

  1. Banner Settings: Setup your service page banner. You will be able to set Banner Bg, image or Color, Breadcrumb Status & Title, and Page title.
  2. Content Settings: Setup you service page content styles.
  3. Block: Choose your blocks which you want to show.

Theme Options -> Single Service: Setup you service single page here.

  1. Banner Settings: Setup your service page banner. This one is global settings for all service items.  You will be able to set Banner Bg, image or Color, Breadcrumb Status & Title, and Page title.
  2. Content Settings: Setup you service page content styles.
  3. Block: Choose your blocks which you want to show.

Theme Options -> Folio Settings: Setup your portfolio page.

  1. Banner Settings: Setup your portfolio page banner. You will be able to set Banner Bg, image or Color, Breadcrumb Status & Title, and Page title.
  2. Content Settings: Setup your portfolio page content styles.
  3. Block: Choose your blocks which you want to show.

Theme Options -> Folio Single Settings: Setup your single portfolio page here.

  1. Banner Settings: Setup your portfolio details page banner. This one is global settings for all portfolio items.  You will be able to set Banner Bg, image or Color, Breadcrumb Status & Title, and Page title.
  2. Content Settings: Setup you portfolio page content styles.
  3. Block: Choose your blocks which you want to show.

Theme Options -> Shop Settings: Setup you shop page here.

  1. Banner Settings: Setup your Shop page banner. You will be able to set Banner Bg, image or Color, Breadcrumb Status & Title, and Page title.
  2. Content Settings: Setup your Shop page content styles.
  3. Block: Choose your blocks which you want to show.

Theme Options -> Product Single Settings: Setup you shop page here.

  1. Banner Settings: Setup your product details page banner. This one is global settings for all product items.  You will be able to set Banner Bg, image or Color, Breadcrumb Status & Title, and Page title.
  2. Content Settings: Setup you product page content styles.
  3. Block: Choose your blocks which you want to show.

Theme Options -> Footer Settings: Setup you footer here. Here yoiu just be able to setup footer styles and Copyright Informations. Footer widget will be generate from Appearance -> Widgets. There are 4 sidebar in footer Footer 1, Footer 2, Footer 3 & Footer 4. You may able to use multiple widgets on each sidebar. 

Theme Options -> Footer Styling: Style up your footer. You will be able to change footer Background Color or Images and footer widgets content styles.

Theme Options -> 404 Settings: Setup your site error page here. 404 page image, content and styles.

Thats all for here. If you can't find any options or need any help please mail us at [email protected]. We are here to help you.

Visual Page Builder

Now we are going to show you how to build up your own custom page with Elementor Visual Page Builder. Please follow all the steps are noted bellow:

  1. Navigate Pages -> Add New.
  2. Insert Title.
  3. Configure Banner Options under Page Settings meta box. Banner BG, Breadcrumb Status & Title and Page Title.
  4. Choose 'Industing Full Width' Page template from Page Attributes meta box.
  5. Save the page and View.

We create a small screen cast here for you:

Blocks Manager

Some pages are not editable. You can't insert any extra design section on those pages. Pages like - Blog Listing & Single, Portfolio Listing & Single, Service Listing & Single, Member Listing & Single, Shop & Poroduct details page. That's why we careate a section in your background called "Block". 

Once you build up you blocks then all blocks will listed under Blocks Options in Customizer. Like in Appearance -> Customize -> Theme Options -> Blog Settings. Scroll Down settings, you will get a option called "Blocks". You can chose multiple blocks for Blog Page. Those selected blocks will be appear at the bottom of Blog Listing page. Hope you got it.

Now how to create Blocks. First navigate Elementor -> Settings -> General : Under Post Types checkbox list please check "Blocks" and Save Settings. Now page builder is active for blocks. 

Navigate Blocks -> Add New: Insert Title and Save the page. Then click on "Edit With Elementor". Here we go. Build up your blocks as you want.

Thats all for here. If you need any help please mail us at [email protected]. We are here to help you.

 

Page & Template

Here we going to show you some Page and Their Template behavior. Som pages are build with Visual page builder and some are with fixed layout. Lets start.

  1. Home Pages -> For industing home pages we used "Industing Home" page template. So if you want to create your own home page then please use that page template. Otherwise some functionalities will not work properly.
     
  2. Elementor Pages -> Some pages build with Elementor like About, Contact and if you create anything else. For those pages we used "Industing Full Width" page template. You can setup banner ate the bottom of this page's edit screen. 
     
  3. Service Pages -> To create a service page first you need to create some service under "Services -> Add New" menu. Now create a page with your choosen name.

    Banner: You can setup your service page banner on page edit screen "Page Settings" meta box or Appearance -> Customize -> Theme Options -> Service Settings. 

    Page Template: You need to choose "Service Page" template from Page Attributes meta box. Otherwise this page will not show andy service items. 

    Contents: Now you need to setup your content styles, Number of item you want to show and others. Those settings are available under Appearance -> Customize -> Theme Options -> Service Settings.

    Blocks: If you want to show custom blocks on your service pages then set it here Appearance -> Customize -> Theme Options -> Service Settings.

    Now your service page are ready.
     
  4. Portfolio Page -> To create a portfolio page first you need to create some protfolio under "Portfolios -> Add New" menu. Now create a page with your choosen name.

    Banner: You can setup your portfolio page banner on page edit screen "Page Settings" meta box or Appearance -> Customize -> Theme Options -> Folio Settings. 

    Page Template: You need to choose "Folio Page" template from Page Attributes meta box. Otherwise this page will not show andy service items. 

    Contents: Now you need to setup your content styles, Number of item you want to show and others. Those settings are available under Appearance -> Customize -> Theme Options -> Folio Settings.

    Blocks: If you want to show custom blocks on your portfolio pages then set it here Appearance -> Customize -> Theme Options -> Folio Settings.

    Now your portfolio page are ready.
     
  5. Member Page -> To create a member list page first you need to create some protfolio under "Portfolios -> Add New" menu. Now create a page with your choosen name.

    Banner: You can setup your member page banner on page edit screen "Page Settings" meta box or Appearance -> Customize -> Theme Options -> Member Listing Settings. 

    Page Template: You need to choose "Member Page" template from Page Attributes meta box. Otherwise this page will not show andy service items. 

    Contents: Now you need to setup your content styles, Number of item you want to show and others. Those settings are available under Appearance -> Customize -> Theme Options -> Member Listing Settings.

    Blocks: If you want to show custom blocks on your member pages then set it here Appearance -> Customize -> Theme Options -> Member Listing Settings.

    Now your member page are ready.
     
  6. Shop Pages -> You don't need to create shop related pages. After install Woocommerce all shop related pages will be there. You just need to setup page template for them but not all of them. Pages that needed templates are: Cart, Checkout, My Accounts. 

    Banner: You can setup your member page banner on page edit screen "Page Settings" meta box. 

    Page Template: You need to choose "Shop Related Pages" template from Page Attributes meta box. Otherwise this page will not show andy service items. 

That all for here now. If you need any more assistance please mail us a [email protected]. We are here to help you.

Credits

In Industing we used lots of Third Party Plugins and Assets. And we wanna thanks all of them who makes our task easy.

Plugins:  

  1. Elementor
  2. Kirki
  3. Unyson
  4. Mailchimp for WP
  5. Contact Form 7
  6. Woocommerce

CSS Frameworks: 

  1. Animate CSS
  2. Bootstrap Framework
  3. Animate Modal

Fonts & Icons: 

  1. Google Fonts
  2. Fontawesome
  3. Lineawesome
  4. Flat Icon

JS Frameworks:

  1. Owl Carousel
  2. Slick Slider
  3. Magnific Popup

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!

Best Regards
ThemeWar