Juster Documentation

A Complete Guide of Juster Multi-Purpose WordPress Theme
Document Version 1.0 Download Latest Version

Item Page Live Demo Video Tuts Support

General Informations - top

First of all, we want to say thanks you! We are very grateful that you have chosen our theme for your website. We will do everything we can to provide you the best support possible. Feel free asking us if you need more help.

This document covers the Juster structure, set up, and use of this theme and provides answers and solutions to common problems and issues - we encourage you to read this document thoroughly if you are experiencing any difficulties. If you have any questions that are beyond the scope of this document, feel free to ask support. (Support)


Folder Structure - top
Folder Structure
How to install Juster WordPress theme? - top

At first please make sure that you have unpacked the whole package shown in the last point. This is very important! You can complete installation in two different ways:

  1. WordPress Theme Manager - please go to Appearance > Themes > Add new > Upload, select zipped theme folder called juster.zip and press Install Now button. The wordpress will do the rest for you.
  2. FTP upload - upload non-zipped theme folder called betheme to /wp-content/themes/ folder in your WordPress installation folder on your server.

In the second part of this guide we have described how to update juster theme. Please make sure that you didn`t make any changes in the files. If you have made changes and you don`t want to lose them, the best way is to use one of freeware tools for comparing files, ex. Beyond Compare (we are not the authors of this tool so please don`t ask us how to use it. Answears to how to use it can be found on their website). After comparing these files you can upload on server only the files that hasn`t been changed.

If you haven`t changed any theme files, all you need to do is update your version of theme by downloading the latest package from themeforest, unpacking files and uploading new files on the server while replacing the old files. Simply overwrite them.

All your data in the database are safe because after updating theme files doesn`t change anything in the database. Please however always make a backup of your files & database.

IMPORTANT!!! After theme installation, at the top you have box with information about required and optional plugins. To install them and activate, please navigate to Appearance > Install Plugins section, and install only NECESSARY PLUGINS. We included plugins like: Slider Revolution (required), Contact Form 7 (required) and Visual Composer (required).


To explain Juster theme in one line, everything is based on header. So, you can select headers based on your & client's business type. You can choose header with 15 variations. It'll also effect footer and layout width and designs.

Header Types

Juster Allows you to select 15 types of header. That's Are :

Header Types
Header Banner

Juster have 4 different types of banner, that's are :

  1. Image
  2. Special Banner
  3. Video
  4. Revolution Slider
Banner Types

1. Image

If you choose banner type as image, then you get depend options are like : Banner Type | Image.

You can add single image or multiple images in that option. Multiple images turn effects like fade in and fade out.

Example : Single Image Banner

2. Special Banner

If you choose banner type as special banner, then you get depend options are like : Banner Type | Special Banner & Banner Type | Special Banner | Image.

You can upload list of images in Banner Type | Special Banner. Just like Image Banner Type.

Banner Type | Special Banner : Have :

  1. Special Banner Type 1
  2. Special Banner Type 2
  3. Special Banner Type 3
  4. Special Banner Type 4

Example : Special Banner Type 1

3. Video

If you choose banner type as Video, then you get depend options are like : Banner Type | Video. You can enter your YouTube video URL there.

And if you choose Video Advanced Options to turn ON, then you can get advanced options for that video. Like : Auto Play, Loop, Mute, Start Time, Quality, etc...

3. Revolution Slider

If you choose banner type as Revolution Slider, then you get depend options are like : Banner Type | Revolution Slider. You can enter your slider shortcode there.

You can get all sliders import files in our theme package. Demo Data > Sliders folder. See Folder Structure.

Slider Example : Default
Slider Example : Boxed
Slider Example : Business
Slider Example : Corporate
Slider Example : Freelancer
Slider Example : Info Graphic
Slider Example : One Page
Slider Example : Shop
Slider Example : Studio
Slider Example : Vintage


Post Types - top

In Juster have a Posts, Pages, Testimonials, Portfolio

1. Posts

In Juster theme have 8 types of post formats

  1. Standard
  2. Image
  3. Gallery
  4. Link
  5. Status
  6. Quote
  7. Video
  8. Audio

If you select different post formats then you can get that format related options under content editor.

2. Pages

Pages is all about Page Templates :

  1. Default Template
  2. Agency Home
  3. Grid Gallery
  4. Kenburns Gallery
  5. Masonry Gallery
  6. Page Architecture
  7. Slider Gallery
  8. Vintage Home

Default Template : It's a WordPress default template.
Agency Home : This is just a height 100% of header section. Also, this is not really mean by agency category.
Grid Gallery : If you choose this template, then you can get more dependent options from meta box. You can set portfolio limits, order, orderby & etc.
Example Grid Gallery
Kenburns Gallery : This is more likely, Grid Gallery Template. But portfolio items will looks like kenburns effect!
Example Kenburns Gallery
Masonry Gallery : This is more likely, Grid Gallery Template. But portfolio items will looks like masonry alignment!
Example Masonry Gallery
Slider Gallery : This is more likely, Grid Gallery Template. But portfolio items will comes like slider fade effect!
Example Slider Gallery
Page Architecture : This is more likely, Grid Gallery Template. But portfolio items will looks like full page control! You can control portfolio items movements from, keyboard. Like : Left, Right, Top & Bottom Arrow keys.
Example Architecture
Vintage Home : This is just a height 100% of header section. Also, this is not really mean by vintage category.



3. Portfolio

For portfolio we need to explain different sections. Like : Shortcode, Theme Options & Single Portfolio Pages.



1. Shortcode

In your page, you can get portfolio shortcode. Which is looks like following screenshot.

Portfolio Shortcode

In that shortcode you can get options like :


If you read each of those fields description then you can get clear idea about how it'll works like.



2. Theme Options

If you Goto : Appearance > Theme Options > Portfolio, then you can see lots of global options about portfolio list page.

Note : That option will perform like a global. So, that options is for portfolio listing and category list pages.



3. Single Portfolio Page

For different variations of portfolio singles, you need to enable Visual Composer content editor in Visual Composer > General Settings : Content types. Enable Portfolio. And save it! :)

Portfolio Visual Composer



4. Testimonials

In testimonials post type, following things are important. Options : Title, Content, Featured Image, Profession, Rating.

This is like portfolio shortcode. So, which have separate shortcode in our shortcode panel. Just select and see whats fields are there, and read that description. You'll get better idea about how it'll work like from that description.



5. Team

In team post type, following things are important. Options : Title, Content, Featured Image, Profession, Social Icons.

This is like portfolio shortcode. So, which have separate shortcode in our shortcode panel. Just select and see whats fields are there, and read that description. You'll get better idea about how it'll work like from that description.



6. Products

If you install WooCommerce Plugin then you can get. Products in WP sidebar menu.

If you have any doubts about WooCommerce plugin please go through following link documentations :

  1. WooCommerce Documentation
  2. Adding and managing products

Widgets - top

Juster have 5 own widgets apart from default widgets of WordPress. That's all are listed below in this image. You can get WooCommerce widgets after installing that plugin.

Widgets


In Juster nav menu designs are based on header you choose. Menu dropdowns are two types, which is :

  1. Single Dropdown Menu
  2. Mega Menu

1. Single Dropdown Menu

Single dropdown menu is not too much technical, instead it's just a drag and drop WordPress menu system. Just a first level child of main menu.


1. Mega Menu

Juster Mega Menu have some tricks of using following classes :

  1. megamenu : This is a core class. You must add this class in main parent of that mega menu.
  2. menu-column-two, menu-column-three, menu-column-four : Mega menu have 2 to 4 columns. You need to mention this column classes in same class field.
  3. mega-left-align, mega-right-align : By default mega menu loads center of header. But for your comfortable you can access that alignment using these classes.

My class field is not showing, how to enable that?
Menu Classes
How to use these classes?
Menu Added

NOTE : Mega Menu Will Not Comfortable for Agency, Portfolio (Left and Right), Photography (Left and Right) Headers.



Options Backup - top

This option is allows you to Import & Export theme options.
In this theme package Demo Data > All Contents folder you can get {each category name with}-theme-options.txt

Example : default-theme-options.txt, agency-theme-options.txt & studio-theme-options.txt

Theme Options - top

Most of global settings in Juster Theme having in Appearance > Theme Options.
Theme Options have :

  1. General
  2. Color
  3. Typography
  4. Header
  5. Portfolio
  6. Blog
  7. WooCommerce
  8. Footer
  9. 404 Page
  10. Custom Sidebar
  11. Custom CSS / JS
  12. Shortcode
  13. Shortcode Reference

Shortcodes - top

Juster theme have 200+ shortcodes, including Visual Composer default shortcodes & Our Custom Shortcodes.

Juster Shortcodes

Each of those shortcodes field, we've explained that field reason in that description, you can get clear idea about how it works from that clear description.

Shortcodes have Design tab you can edit them like font size and color there.


Tricks - top

Juster theme have some tips and tricks for you to make even better from live demo.

1. Row

Row is most needed shortcode for Juster Theme. So, please read carefully in coming explanations.

Row Settings

General : Extra Class Name, Row ID(Menu Usage), Center Row Content(If you use 100% Width Page Template you should check this). Remove Right & Left spaces is removing each element spaces. Sections nubs is about Juster theme design. You can create your own nub and upload it here by selecting Custom Nub.
Design : Visibility, Text Color.
Background : Background Color, Background Image Style, Enable Parallax, Need Background Overlay, Background Image.
Video : Enable Video Background.
Border : Border Style, Border Color, Border Width.
Margin : Top, Bottom. Right, Left.
Padding : Top, Bottom. Right, Left.

2. Column

Column have some extra option to make even better.

Column Settings

General : Extra Class Name.
Width & Responsive : Width, Responsiveness.
Animation : Animation Style, All animations from Animate.css.
Border : Border Style, Border Color, Border Width.
Margin : Top, Bottom. Right, Left.
Padding : Top, Bottom. Right, Left.



3. Contact Form 7

We've used bootstrap grid codes in contact form 7. So, you can find that exact code that we've used in live demo. From following link.

Contact form code is here :



4. Mail Chimp

Juster theme is comfortable with MailChimp Plugin. You can install it like other plugins.

Also, look wise we've added some custom codes in MailChimp for WP > Forms, in that page. Form mark-up : Please add recommended codes from following contents.

Look 1 :

Example Pages :
Corporate

MailChimp for WP > Forms : Form mark-up
Paste following code there :
<input type="email" name="EMAIL" placeholder="Your email address" required />

Then use following shortcode in your page :
[jt_subscribe text="Subscribe Newsletter" text_color="#35373E" text_size="11px" class=""][mc4wp_form][/jt_subscribe]

Look 2 :

Example Pages :
Shop

MailChimp for WP > Forms : Form mark-up
Paste following code there :

Then use following shortcode in your page :
[mc4wp_form]



Change Log - top
                Juster - Minimal Multi-Purpose WordPress Theme
                ----------------------------------------------------

                10/09/2015 - Version 1.0
                - RELEASE
    		

Sources and Credits - top
I've used the following plugins as listed.

Images :


All images have been used for demonstration purposes only and are not included in this theme package.


Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating this theme. If you have any suggestions on how to improve our themes or documentation please share them!

Need Support Click Here.