“JAG Visual Composer Team addon” Documentation by “JAG THEMES” v1.2.1


“JAG Visual Composer Team addon”

Created: 21/02/2017
Last Updated: 7/7/2017
By: JAG THEMES
Email: jag.kreative@gmail.com

Thank you for purchasing our plugin :)


Table of Contents

  1. How to install ?
  2. How to add team members ?
  3. How to display team members using visual composer ?
  4. Features
  5. Sources and Credits

A) How to install ? - top

TO install the plugin , download the zip file from your account and follow below steps

  1. Upload the plugin folder `jag-vc-team-addon` to the `/wp-content/plugins/` directory.
  2. Activate the plugin through the "Plugins -> Installed plugins -> Activate JAG Visual Composer Team Members Addon" menu in WordPress.
  3. That's it. Now you can find the Team members post type in wordpress menu.

B) How to add team members ? - top

Once you sucessfully install & activate the plugin. You will be able to see team members post type in wordpress backend menu, like shown in screenshot below. You can also add members categories by clicking on designation.

how to add members?

how to add members?

  1. Simply click on add new.
  2. Add name, description , featured image, and social media + personal information links under Members link section
  3. NOTE: Please do not forget to add http:// before your links.
    For example :
    BAD URL : xyz.com
    GOOD URL : http://xyz.com



C) How to display team members using visual composer ? - top

To display team members :

  1. Create a page called TEAM or give whatever name you like
  2. Now add new element using visual composer.
  3. As shown in screen-shot below, Add the JAG TEAM MEMBER element.
    how to display members?

  4. After adding the element. You can see various options to select.

    how to display members? how to display members? how to display members? how to display members?
  5. You can select any of 14 pre-define themes, Category, order & orderby parameters for members
  6. You can show/hide social media, cateogries, description, personal information (website, phone, email) as per your need.
  7. You can select base color for selected theme and select image size (custom or full size).
  8. You can select grid (2 column , 3 column or 4 column)
  9. You can also select 3 grayscale option.
    a) No grayscale - means there will be no grayscale
    b) Hover image - means grayscale will appear on image hover.
    c) Default image - means grayscale will be displayed by default.
  10. There are two ways to display personal information (website, email and phone). You can either show them in text format (e.g e.g #Theme1 on http://www.jagthemes.com/) or in icon format (e.g #Theme2 on http://www.jagthemes.com/).
  11. Full Description in popup: It will show member information in popup. Popup will open on click of member image & read more button.
    To hide READ MORE button add in custom style
    .jag-tm-readmore{display:none;}
  12. Slider: From general settings tab check/uncheck to enable/disable slider. Once you checked you can change slider settings from slider settings tab.
    Note : Slider is not applicable for Theme 3,4,6 & 7
  13. That's it save element & page. You can see team members listed on your team page.

D) Feature list - top

  1. Choose from various 14 themes.
  2. Three types of slider.
  3. Unlimited color options.
  4. Show member all details in popup.
  5. Option to display social media.
  6. Option to display personal information.
  7. Category-wise display.
  8. Display members in ascending or descending order.
  9. Display members with following orderby parameter : NAME, ID, TITLE, DATE , MODIFIED, RANDOM ORDER & MENU ORDER.
  10. Option to select grid.
  11. Different grayscale option.
  12. CSS3 animations.
  13. Developer friendly.

E) Sources and Credits - top

Note : In case on click of read more member detail popup is not open then add following code in your custom js file :
jQuery(document).ready(function(){
	/*Open modal box*/
	jQuery('.jag-readmore-bt').on('click', function(){
		var target_modal = jQuery(this).attr('data-target');
		setTimeout(function(){
			jQuery(target_modal).modal('show');	
		},100);
	});
});
		

Once again, thank you so much for purchasing our plugin :)

For any queries you can mail us @jag.kreative@gmail.com

JAG THEMES

Go To Table of Contents