1.6 Theme Installation

1. At first, after purchasing this theme, please download the package from Themeforest. All you need to do that is move your mouse over your login name in the right top corner (of course after you`re logged in Themeforest) and then click Download. Here you will find all the items that you have purchased.

2. In the next step click the Download > Main File(s) button next to designthemes theme and save the package on your computer.

3. Please unpack the whole package after downloading it from Themeforest. In that package, you can find things like documentation.zip, Guru.zip, Guru-child.zip, and revolutionslider-export.zip files.

1.6.1. Theme Installation via WordPress

Follow the steps below to install the theme via WordPress.

Step 1 – Login to admin panel.

Step 2 – Go to Appearance - Themes and click on the Add New button.

Step 3 – Choose Upload theme option. Click on Browse...(Choose file in Safari/Chrome), select the "Guru.zip" and click InstallNow button.

Step 4 – After successfully installation click on Activate or go to Appearance - Themes and click on Activate to activate the newly installed theme.

Step 5 – After the theme's activation you will be prompted to install recommended plugins: DesignThemes Core Features Plugin, Revolution Slider, Events Calendar, Visual Composer and WooCommerce

Step 6 – Once required plugins are activated, navigate to Settings > Permalinks, select 'Post name' in 'Common Settings' tab and save it.

1.6.2. Theme Installation via FTP

Follow the steps below to install via FTP.

1. Log into your hosting server space using FTP software.
2. Unzip the "guru.zip" ( "guru.zip" will be found inside downloaded zip file ) file and ONLY use the extracted 'guru' theme folder.
3. Upload the extracted 'guru' theme folder into wp-content / themes folder.
4. Activate the newly installed theme in Appearance > Themes.
5. Then you will see a notification message to activate the required & recommended plugins: 'DesignThemes Core Features Plugin', 'Responsive Styled Google Maps', 'Contact Form 7', 'LayerSlider WP' and 'Revolution Slider'.
6. Once required plugins are activated, navigate to Settings > Permalinks select 'Post name' in 'Common Settings' tab and save it.

Please take a look at structure of the guru.zip archive you got after purchasing.

1.7 Folder Structure

• style.css - The Main style.css
• The css folder - contains the CSS for all major browsers, font awesome and responsive to make the site responsive for all devices (Please ensure that your new styles are applied. Also make sure that they carry enough "weight" and there isn't a style lower in the CSS file that is being applied after yours.)
• The framework folder - contains all the theme functions and admin options to the better use of theme.
• The images folder - contains all the images that are being used in the stylesheets for the layout purpose and it has a subfolder named patterns, prettyphoto, colorbox which contains images used in corresponding stylesheets.
• The includes folder - contains the theme support include files.
• The languages folder - contains default.po and default.mo language files to be used for multi-language purpose.
• The skins folder - contains the CSS for only one predefined color skins that comes along with this theme.
• The framework \ js \ public folder - contains javascript files and plugins as follows,
  
  1. ContactForm jquery for validation(contact.js, jquery.validate.min.js)
  2. AnimateNumber jquery for auto running numbers(jquery.animateNumber.min.js)
  3. BXSlider plugin for slider animation (jquery.bxslider.js)
  4. CarouFredSel plugin for testimonials (jquery.carouFredSel-6.2.0-packed.js)
  5. Donutchart plugin for progressbar animation (jquery.donutchart.js)
  6. FitVids for Fit video to container width (jquery.fitvids)
  7. Inview plugin for animation purpose (jquery.inview.js)
  8. Isotope plugin for filter gallery (jquery.isotope.min.js)
  9. MeanMenu plugin for responsive menu (jquery.meanmenu.js)
  10. Nav jquery plugin for one page navigation(jquery.nav.js)
  11. Parallax plugin for background parallax animation (jquery.parallax-1.1.3.js)
  12. PrettyPhoto plugin for image preview animation (jquery.prettyPhoto.js)
  13. Scrolls (jquery.nicescroll.min.js, jquery.scrollTo.js)
  14. SmartResize plugin for resizing module at responsive (jquery.smartresize.js)
  15. Sticky plugin for sticky navigation (jquery.sticky.js)
  16. UITOTop plugin for Goto Top animation (jquery.ui.totop.min.js)
  17. Skin Chooser plugin (controlpanel.js, jquery.cookie.js)
  18. And custom js like (custom.js)

1.9 Plugin Installation

Once Guru theme is installed and activated, you will get a notification message in your WordPress admin telling you to install the required and recommended plugins. Once you have uploaded and activated the theme, install and activate the 'DesignThemes Core Features Plugin' immediately. All promoted features will work properly, after activating this plugin only.

Plugins packed with theme

• DesignThemes Core Features Plugin - comes by default with theme.
• LayerSlider WP - premium slider plugin created by Kreatura.
• Slider Revolution - premium slider plugin created by ThemePunch.
• Responsive Styled Google Maps - google maps plugin created by GreenLine.

Others plugins used by theme

• Contact Form 7 - contact from creator plugin created by iDeasilo
• WooCommerce - an e-commerce plugin created by WooThemes
• YITH WooCommerce Wishlist, YITH WooCommerce Zoom Magnifier - an e-commerce addon plugin created by Yithemes

Others plugins supported by theme

• All in One SEO Pack
• Metronet Reorder Posts
• WordPress SEO by Yoast

1.10 Theme Update

IMPORTANT: Before you go ahead with the update please check theme changelog and make sure you backup your old theme folder. Download it to your computer locally.

It is the best practice to backup both your files and database regulary and especially before making some serious updates. We recommend using free backup plugins for WordPress like WPOnlineBackup

Update Option 1. Update using WordPress uploader

1. Log into your Themeforest account and navigate to your downloads tab. Find the theme and download "Installable WordPress file".
2. Log into your wordPress website and go to Appearance -> Themes
3. Activate a different theme. Delete the previous version of Guru and re-upload the new Wordpress Installable files that you have downloaded from Themeforest in the 1st step.
4. Once it uploads, choose to activate the theme.
5. Update the included plugins if you see a notification message letting you know the plugins have a new version.

Importing the Demo Content

Before running the importer, make sure that you have installed and activated the required and recommended plugins. You will see a message at the top of your dashboard if you have not yet done so.

• First make sure 'DesignThemes Core Features Plugin' is installed and activated.
• Now navigate to Dashboard -> Guru and click 'Import Dummy Data' button. Be sure to accept the alert message.
• Please be patient it may take few minutes to import everything. Once completed you will receive a success message.

3. Menu creation

3.1 Menu Settings

The supports custom WordPress menus, with multiple levels of dropdown support for the main menu. There are 3 areas of the theme where you can assign a menu; the main menu, the Secondary Menu, and the Another Secondary Menu. Each of these menu locations can have a custom menu assigned. Once a menu is created and assigned to the location, it will show up on the site. There are also several Theme Options to customize the menu. Please see below for the menu locations, how to create a new menu, and the menu Theme Options.

Guru theme comes with three menu location.

• Header Menu - this is main menu that appears in header area
• Secondary Menu - this is main menu that appears in footer area
• Another Secondary Menu - this is main menu that appears in above footer area

3.2 Setting up the MegaMenu

Here are some points regarding mega menu and default menu.

• By default you will have option to diable menu text and menu link option for every menu.
• To enable mega menu please check the 'Use As Mega Menu' option and you can choose the number of column layout for mega menu ( available options 2 column, 3 column and 4 column ).
• You can add any page or custom link or any availalable pages as sub menu for mega menu.
• In sub menu you will have 'Enable Fullwidth' option which will make current menu and all its submenu to display in fullwidth.
• Also for every submenu you will have option to choose custom widget area in 'Display Widget Area', which is created in buddha panel ( Dashboard -> Appearance -> Guru Options ).
• You can also choose number of column(s) these custom widgets should occupy ( available options 2 column, 3 column and 4 column ).

3.3 How to Setup a New Menu

Step 1 – Navigate to Appearance > Menus section of your admin sidebar.

Step 2 – Click the 'Create a new menu' link to make a new menu. Enter the name then click the 'Create Menu' button.

Step 3 – To add a menu item, select one of your created pages on the left hand side and click the 'Add to Menu' button. You can also add all kinds of different posts from the left side.

Step 4 – To add a custom menu item, enter URL and Link Text using 'Custom Links' box.

Step 5 – Manage your menus by using the drag and drop functionality. To create a dropdown menu, simply drag a menu item below and slightly to the right of another menu item.

Step 6 – After setting up your menu, scroll down to the bottom of the page to assign the menu to one of the 3 locations in the Theme Locations box.

Step 7 – Once its all done, make sure you click the Save button.

How To Setup The Header

Step 1 – Navigate to Guru > Theme Options > Appearance > Header to access the header options.

Step 2 – Expand the Header Content sub-panel and select your desired Header Position setting.

Step 3 – If you've selected Top as your Header Position, don't forget to choose your Header Layout and Slider Position. See below for more information.

Step 4 – If you've selected Left or Right as your Header Position, don't forget to set your Header Content details. See below for more information.

Step 5 – If you'd like to upload a background image for your header, then you can do so by going to the Header > Header Background Image sub-panel.

Step 6 – To customize your header's appearance and styling, then you can do so by going to the Header > Header Styling sub-panel.

5.1 Getting Started (How to create new page ?)

Step 1 – Navigate to Pages in your admin sidebar and click Add New menu.

Step 2 – Input a new name for your page, then find the Page Attributes metabox on the right side.

Step 3 – Set your parent page here. It's usually set to (no parent).

Step 4 – Choose your page template from the Template dropdown list. See list of page templates below.

Step 5 – Content for your page goes in the editing field, use the Visual or Text editor or Visual Composer. Page content is mainly built using Shortcodes. See the Shortcodes section for how to use them. You can also use our demo content by importing from buddha panel.

5.2 Page Options

Theme has several specially designed Page Options, which can be used on Pages, which offers them special features.

• Slider Options
• Default Page Options
• Blog Template Options
• Gallery Options
• Feature Page Options
• SEO Options

5.2.1. Slider Options

• Guru theme comes with following slider options to configure each single page.
• This 2 slider options 'Layer Slider', 'Revolution Responsive' can be applicable only for pages.

5.2.2. Default Page Options

• You can switch between following available page layouts 'Without Sidebar', 'Left Sidebar', and 'Right Sidebar'.
• You can choose the custom widget area using 'Widget Area' tab in Buddha Panel(Guru -> Widget Area) and here you can enable / disable the default widget area.
• Enable / Disable comments at any time.

5.2.3. Blog Template Options

• Choosing 'Blog Template' in 'Page Atrributes' metabox will enable the 'Blog Options' metabox.
• You can choose the page layout, posts layout, control the excerpt length and number of posts to display per page.
• You can enable / disble author, category, tag, date, comment info at any time. You can exclude certain categories using 'Exclude Categories' dropdown.
• Click Here to watch the video on settting up blog template page

5.2.4. Gallery Options

• Choosing 'Gallery Template' in 'Page Atrributes' metabox will enable the 'Gallery Options' metabox.
• You can choose the page layout, posts layout, allow filters, number of posts to display per page.
• You can select "Posts Design" using the selection box. Available types: Default, Shape One, Shape Two, and Shape Three.
• You can choose only certain categories using 'Choose Categories' dropdown.
• Click Here to watch the video on settting up gallery template page

5.2.5. Feature Page Options

• Choosing 'Features Template' in 'Page Atrributes' metabox will enable the 'Feature page Options' metabox.
• You can choose the page layout, menu icon class for this page.
• You can enable / disable defalut sidebar & allow comments at any time.

5.2.6.SEO Options

• You can add title, description and keywords for every single page using this option.
• When external plugins 'All in One SEO Pack' or 'WordPress SEO by Yoast' is activated, this theme 'SEO Options' will be removed automatically.

6.1 Blog Single Post Options

You can configure each single blog post with following options

• You can switch between following available layouts 'Without Sidebar', 'Left Sidebar', 'Right Sidebar' and 'Both Sidebar'. You can choose the custom widget area created using 'Widget Area' tab in Buddha Panel(Guru -> Widgetarea) and here enable / disable the default widget area.
• Enable / Disable the Comments and Featured Image options
• You can enable / disble author, category, tag, date, comment info at any time.

6.2 Gallery Single Post Options

You can configure each single gallery post with following options

• You can switch between following available layouts 'Fullwidth', 'Left Gallery' and 'Right Gallery'.
• You can configure Client Name, Location and Project Url for each post
• Enable / Disable the Show Related Projects, Show Social Share and Allow Comments.
• You can add any number of images and videos for each post which will be displayed using bxslider.

6.3 Teachers Post Options

You can configure each single teacher post with following options

• You can switch between following available layouts 'Without Sidebar', 'Left Sidebar' and 'Right Sidebar'.
• You can configure Role, Website, Experience, Course Submitted and Specialist In for each post
• Enable / Disable the Show Social Links and Allow Comments.
• You can add / remove draggable social icons for each post which will be displayed under teacher image.

7. Slider

7.1 Layer Slider

LayerSlider WP is a premium multi-purpose slider for creating image galleries, content sliders, and mind-blowing slideshows with must-see effects, even from your WordPress posts and pages. It uses cutting edge technologies to provide the smoothest experience that's possible, and it comes with more than 200 preset 2D and 3D slide transitions. It has a beautiful and easy-to-use admin interface with supporting modern features like drag n'drop WYSIWYG slider builder, real-time previews, timeline view, Google Fonts and transition builder for custom animations. It's device friendly by supporting responsive mode, multiple layouts, touch gestures on mobile devices, and uses techniques like lazy load and conditional script loading for optimal performance. You can add any content into sliders, including images, text, custom HTML, YouTube and Vimeo videos or HTML5 self-hosted multimedia contents. It's also SEO friendly by allowing you to build semantic markup with custom attributes that search engines can index easily. LayerSlider comes with 13 built-in skins, and it has tons of options to entirely customize the appearance and behavior of your sliders at the smallest detail.

LayerSlider is external plugin which is included into theme. Because, for each product we purchase "Extended license" and that`s why we are able to include it into theme. This plugin works fine of course and if you want current slider version, you can always get directly from us. What you need to do, to get this slider is send us a request about it via contact form on our profile's page http://themeforest.net/user/designthemes (it is in the right bottom corner) and we`ll send you the current version.

7.1.2 Create A New Layer Slider

Step 1 – Click on the Layer Slider sidebar item in your admin section, then click the "Add New" button and give the slider a name.

Step 2 – The "Slider Settings" tab will open and allow you to set the general settings for your slider such as the width, height, responsive, full width, and more. Check out each tab.

Step 3 – Once you are done, click "Save Changes" to save the slider. Next you can add slides, see the information below.

Please Note – You can get sample sliders by clicking the "Import Sample Sliders" button. It's a good way to learn and see the different types of settings.

7.1.3 How to add Slides to your slider

Step 1 – Click on the "Slides" tab.

Step 2 – Slide #1 will already be created, add a background image for the slide, set thumbnails, transitions, links and more in the settings box above the slider preview window.

Step 3 – Each slide you make can have multiple layers to it. The layers show up below the slider preview window. Click "Add New Layer" create a new layer. An editing section will display once clicked.

Step 4 – The layer editing section has 5 tabs; Content, Transition, Link, Styles, Attributes. Content tab is where you add your content, Transition tab is where you set all the timings and animations, Link tab is where you can set the content to link, Styles tab is where you set custom styles, Attributes tab is where you can add custom id's or classes.

Step 5 – Click on the Content Tab and enter your text, image or video or custom HTML content. Then set your transitions, links, styles and attributes if needed.

Step 6 – Click the "Enter Preview" button to view a preview of the slider and layers.

Step 7 – When finished, click "Save Changes" to save it. Repeat process for more slides.

8.1 General Options

General - To set Logo, Favicon and other general options

• Logo - You can upload custom logos for both web browsers and retina screens. Also you can specify width and heights of retina logos.
• Favicons - If you are using the latest version of WordPress you will have default option to setup favicons, for that navigate to "Dashboard -> Guru -> General". If your WordPress doesn't have that functionality you can make use of theme custom options here.

General Top Section - To enable top bar & set top left section content.

Sociable - To set social share modules at the Footer Social Widget & Social Shortcode.

8.2 Appearance Options

Menu - To Change the Menu header appearance

Body - To Change Font and Background for the body section of this theme

Footer - To Change Font and Background for the footer section of this theme

Typography - To Change the Font type, color and size from H1 to H6

Layout & BG - Here you can change the Fullwidth or Boxed layout with its custom backgrounds

With Boxed layout - you can set the background by selecting the predefined patterns, or you can upolad your custom image to be used as the background

Colors - To Change major element's background color & text color in front-end

8.3 Skins Options

3.Skins - Guru Theme comes with 15 predefined color skin [You can also add your own skins :) ]

8.4 Integration Options

General - To place any code, that will appear in header, body portion of every post or page.

We have two sections each for "Post" and "Page" to place code on top and bottom of every posts and pages.

Post - Single Post page customization

With the help of this "Post integration" section, you can do the following things,

1. Setting up the top and bottom code for individual posts
2. Enable / Disable the Most used Social Share options for individual posts
3. Enable / Disable the Most used Social Bookmark options for individual posts

Page - Single page customization

As the same way followed in Post page customization, you can setup all those things here for Pages too.

Gallery - Gallery Bookmarks

Enable / Disable the Most used Social Bookmark options for individual galleries

8.5 SEO Options

1. Title Delimiter - Please specify the symbol , will appear in title of the pages.
2. Page Title Formats - Drap and Drop option to customize the page title
   1. Single Post & Page Title Format
   2. Category, Archieve & Tag page Title Format
   3. Search & 404 page Title Format
3. Meta - To specify Meta data & other SEO elements
   1. You can generate automatic Canonical URLs for entire website
   2. You can exclude the archieve, category and tag pages from indexing to avoid duplicate content.
   3. You can generate:
      1. Automatic description
      2. Meta keywords ffrom the tag and category for posts.

8.6 Speciality Pages Options

Speciality Pages - Archive, Search & 404 Page

Available Options:

1. Archive page layout common for post archive, gallery archive, product archive.
2. Archive post layout common for post archive, gallery archives.
3. You can choose page layout for all 3 pages mentioned above
4. You can choose post layout for Archieve and Search pages
5. Custom 404 Message/Text for 404 Page
6. And Typography settings for 404 Page

8.7 Footer Options

Available Options:

1. Show / Hide Footer Section
2. Column Layout - To choose which style you want to have your footer columns
3. You can set Copyright text, and enable it to show in front-end

Go to 'Appearance > Widgets'. You'll see footer widget areas on the right

8.8 Widget Area Options

• Widget areas created here will be left sidebar or right sidebar or megamenu.
• After creating new widget area here with specific title, go to Dashboard -> Guru -> Widgets here you can see the new widget area that you have created.
• Add widgets for that widget area.
• You can add these widgets for 2 locations
  • Page Sidebars - While choosing 'Left Sidebar' or 'Right Sidebar', you have this option 'Choose Widget Area - Left Sidebar' or 'Choose Widget Area - Right Sidebar'. Here you can choose the newly created widget area here.
  • Mega Menus - While creating menus you will have option called 'Display Widget Area', here you can choose the newly created widget area here.

8.9 Woocommerce Options

To get this option install WooCommerce plugin. And the plugin bundled with dummy data which can be imported to instantly give you a working store with products to test the different features WooCommerce has to offer.

Available Options:

1. No.of Products to show in main shop page.
2. Product Layout - 3 types of products layouts are there. (II Column, III Column, IV Column)
3. Product Details, Product Category, Product Tag page layouts.
4. Also you can easily handle widget areas for individual Product, Product Category, & Product Tag in the Guru -> "Widget Area" Settings.
5. For Installing & Configuring WooCommerce Shop, Click here to watch on YouTube.

Following plugins used to extend the woocommerce options

1. YITH WooCommerce Zoom Magnifier is that enables you to add a zoom effect to product images.
2. YITH WooCommerce Wishlist adds all Wishlist features to your website. Needs WooCommerce to work.

8.10 Sensei

To use this option install Sensei plugin. And the plugin bundled with dummy data which can be imported to instantly give you a working courses with lessons to test the different features Sensei has to offer.

Available Options:

1. Layout option for course details page
2. Layout option for lesson details page
3. Layout option for Quiz details page
4. Layout option for Course Category archive page
5. For Installing & Configuring WooThemes-Sensei Plugin, Click here to watch on YouTube.

8.11 Events Options

To use this option install Events plugin. The "Events Calendar Pro" version is available, to get more options & support.

Available Options:

1. Layout option for events archive page.
2. Layout option for events details page.
3. Layout option for events archive page.
4. For Installing & Configuring Events Calendar Plugin, Click here to watch on YouTube.

8.12 Responsive & Mobile

You can enable the Responsive option in "Guru > Responsive & Mobile > Make My Site Responsive"

And here you can disable the sliders for mobile screens by choosing the option'Disable Slider for Mobile Devices'.

8.13 Branding

Available Options:

1. Custom Buddha Panel Logo

8.13 Backup & Restore Options

• Backup & Restore Options - Backup Options => helps you to take backup of current buddha panel settings and Restore Options => helps you to restore buddha panel settings from last backup.
• Transfer Theme Options Data - Help you to transfer buddha panel datas from one install to another. Copy the code shown in text area and paste it in the same place of another install and click Import Options.

10. Blog

10.1 How To Create A Blog Post

• Login to the WordPress dashboard by visiting www.yourdomain.com/wp-admin
• Click on Add New from the Posts menu once you are inside the WordPress admin panel
• Give the post a nice title.
• Add the post content in the content section using either Page Builder or WordPress Editor.
• Add relevant tags for this post.
• Add the post to the relevant category (Create a category if a relevant category doesn't exist, in Dashboard -> Posts -> Categories).
• Also you have option to choose Template page for this post.
• You can also switch between following page layouts Without Sidebar, Left Sidebar, Right Sidebar.
• If you wish you can disable feature image for this post.
• Finally publish the post by hitting Publish button.

11. Portfolio

11.1 How To Create A Portfolio Item ?

• Login to the WordPress dashboard by visiting www.yourdomain.com/wp-admin.
• Click on Add New from the Portfolios menu once you are inside the WordPress admin panel.
• You can also choose Template pages for your portfolio item.
• Also you can add Sub Title for the portfolio and also you can control >Social Share for this portfolio.
• You can add any number of images for portfolio gallery.
• Publish the portfolio by hitting the Publish button.

14. Widgets

Our theme comes with 6 custom widgets

1. Guru Flickr Widget
2. Guru Social Widget
3. Guru Posts
4. Guru Mailchimp Newsletter Widget
5. Guru Twitter Widget
6. Guru Gallery Widget