JPS AJAX POST LAYOUT
Addon For Visual Composer
1. Features:
-
Custom Taxonomy & Custom Post Type Support
-
100% Responsive Design Layout
-
42 Animation Post Effect
-
One Page Multiplie Layout Support
-
Multi Categories Filter (or) Multi Tags Filter (or) List of IDs
-
Inline Post Read Popup (Beautyful Light Box)
-
8 Styles Available (Fully Ajax & Json Support)
-
Background Slider Parallax (x4 Layout - Touch Event Support)
-
Masonry Flat (x3 Layouts)
-
Grid Box (1,2,3 & 4 Columns)
-
Carousel - Content Box (x4 Layouts - Touch Event Support)
-
Grid Normal (2,3 & 4 Columns)
-
Grid Masonry (2,3 & 4 Columns)
-
Grid Normal - View Mode Switch (list view)
-
Grid Masonry - View Mode Switch (list view)
-
Pagination
-
Load More Button
-
Infinite Scroll
-
Cookie Session For Switch View Mode
-
Filter Dropdown Menu
-
Filter Canvas Menu
-
Display (or) Hide Post Metadata (category, author, views count, comments count, datetime)
-
Order By (Latest, Title, Top Comment, views count)
-
Sorting (Descending, Ascending)
-
Cross Browser Compatibility
-
Font Icons For Post Metadata
2. Screen Shoot:










- Go to your WordPress admin panel and navigate to Plugins -> Add New.
- Click “Upload” and then Upload.
- Select the archive “JPS-Ajax-Post-Layout-Vx.x.x.zip” and click “Install Now”.
- Activate the JPS AJAX POST LAYOUT plugin by clicking “Activate” button.
EASY CONFIG
Step 1:

Step 2:

Step 3 (Construction under each category are noted in Visual Composer):

Sample Config: https://www.youtube.com/playlist?list=PLqhxfUXY-hVExuVYoCZIoh4lZEX1wc8Wr
With older versions of Visual Composer (below 4.5.3).
You will have to manually enter the ID number of the category, tag, custom taxonomy IDs, List of IDs.
See notes below, to see which option might work together:
You can see more content "Using The shortcode" to understand the attributes of each parameter.
Use the shortcode and get the settings global
[jps_bete_sc]
Use the full shortcode (parameters)
- style (default / bt-2row / bt-medium / bt-small / bt-metro-fw / bt-metro-fc / bt-metro-m / bt-grid-1 / bt-grid-2 / bt-grid-3 / bt-grid-4 / bt-post-grid-2 / bt-post-grid-3 / bt-post-grid-4 / bt-post-grid-m-2 / bt-post-grid-m-3 / bt-post-grid-m-4 / bt-carousel-1 / bt-carousel-2 / bt-carousel-3)
- post_type (The name of "Post type")
- filter_options (The name of "taxonomies") (Categories, Tags, Taxonomies, IDs Query, ...) - Works in conjunction with selected "Post types".)
- taxonomies (Enter categories, tags won\'t be shown in the filters list (list of taxonomies to query, separated by a comma.))
- ids (list of post IDs to query, separated by a comma - Works in conjunction with selected "Post types".)
- condition (latest / mostcommented / title - default: latest)
- sortby (ASC / DESC - default: DESC)
- post_metadata (yes / no - show post metadata - default: yes)
- total_posts (Number of items to query - default:100 - max: 1000)
- items_per_page (Number of items per page - default: 10)
- height (The height of the slider. Ext: " full " (full width) or number: 700, 800... [Min Height = 650], Unit = pixel. If this value is empty, default = " full ")
- background_opt (no / yes - Mode selection of wallpaper - no = Automatically Taken From The First Article - yes = Retrieved From The Selection List)
- background_img (only when the background_opt = 2 / list of Attachment (ID))
- parallax (yes/no - Parallax Scroll Effect)
- animate [default, rand (random), randsync (random asynchronous), 0 (bounce), 1 (flash), 2 (pulse), 3 (rubberBand), 4 (shake), 5 (swing), 6 (tada), 7 (wobble), 8 (jello), 9 (bounceIn), 10 (bounceInDown), 11 (bounceInLeft), 12 (bounceInRight), 13 (bounceInUp), 14 (fadeIn), 15 (fadeInDown), 16 (fadeInDownBig), 17 (fadeInLeft), 18 (fadeInLeftBig), 19 (fadeInRight), 20 (fadeInRightBig), 21 (fadeInUp), 22 (fadeInUpBig), 23 (flipInX), 24 (flipInY), 25 (lightSpeedIn), 26 (rotateIn), 27(rotateInDownLeft), 28 (rotateInDownRight), 29 (rotateInUpLeft), 30 (rotateInUpRight), 31 (rollIn), 32 (zoomIn), 33 (zoomInDown), 34 (zoomInLeft), 35 (zoomInRight), 36 (zoomInUp), 37 (slideInDown), 38 (slideInLeft), 39 (slideInRight), 40(slideInUp)]
- post_read_popup (yes/no - show post read popup - default: yes)
- more_button (yes/no - show more button - default: yes)
- autoplay (no/yes - autoplay for slider or carousel - default: no)
- autoplayspeed (only when the autoplay = yes - default: 10000ms (10s))
- extra_class
- infinite_ajax (no/yes - no (button load more) - yes (Infinite AJAX Scroll) - default: no)
- gutter (yes/no - only when the style = bt-grid-1, bt-grid-2, bt-grid-3, bt-grid-4)
- show_filter (yes/no - show filer options - default: yes)
- combo_grid_list (no/yes - display switch view mode (grid or list))
- priority_grid_list (Grid ahead or list ahead)
- show_taxonomy (yes/no - display taxonomies)
- show_author (yes/no - display author)
- show_datetime (yes/no - display datetime)
- show_viewscount (no/yes - display viewscount)
- show_commentscount (no/yes - display commentscount)
- show_excerpt (yes/no - display excerpt)
- Background Slider Parallax (x4 Layouts) - use params
- style (default / bt-2row / bt-medium / bt-small)
- filter_options
- categories
- tags
- ids
- condition
- sortby
- post_metadata
- total_posts
- items_per_page
- height
- background_opt
- background_img
- parallax
- animate
- post_read_popup
- more_button
- autoplay
- autoplayspeed
- extra_class
- show_filter
- show_category
- show_author
- show_datetime
- show_viewscount
- show_commentscount
- Masonry Flat (x3 Layouts) - use params
- style (bt-metro-fw / bt-metro-fc / bt-metro-m)
- filter_options
- categories
- tags
- ids
- condition
- sortby
- post_metadata
- total_posts
- items_per_page
- animate
- post_read_popup
- extra_class
- infinite_ajax
- show_filter
- show_category
- Grid Box (1,2,3 & 4 Columns) - use params
- style (bt-grid-1 / bt-grid-2 / bt-grid-3 / bt-grid-4)
- filter_options
- categories
- tags
- ids
- condition
- sortby
- post_metadata
- total_posts
- items_per_page
- animate
- post_read_popup
- extra_class
- infinite_ajax
- show_filter
- show_category
- Carousel - Content Box (x3 Layouts - Touch Event Support) - use params
- style (bt-carousel-1 / bt-carousel-2 / bt-carousel-3)
- filter_options
- categories
- tags
- ids
- condition
- sortby
- post_metadata
- total_posts
- items_per_page
- autoplay
- autoplayspeed
- extra_class
- show_filter
- show_category
- show_author
- show_datetime
- show_viewscount
- show_commentscount
- show_excerpt
- Grid Normal (2,3 & 4 Columns) - use params
- style (bt-post-grid-2 / bt-post-grid-3 / bt-post-grid-4)
- filter_options
- categories
- tags
- ids
- condition
- sortby
- post_metadata
- total_posts
- items_per_page
- animate
- post_read_popup
- extra_class
- infinite_ajax
- show_filter
- show_category
- combo_grid_list
- priority_grid_list
- show_author
- show_datetime
- show_viewscount
- show_commentscount
- show_excerpt
- Grid Masonry (2,3 & 4 Columns) - use params
- style (bt-post-grid-m-2 / bt-post-grid-m-3 / bt-post-grid-m-4)
-
- filter_options
- categories
- tags
- ids
- condition
- sortby
- post_metadata
- total_posts
- items_per_page
- animate
- post_read_popup
- extra_class
- infinite_ajax
- show_filter
- combo_grid_list
- priority_grid_list
- show_author
- show_datetime
- show_viewscount
- show_commentscount
- show_excerpt
Done! :)
The BeeTeam368
Don’t forget to rate the plugin 5 Starts if you like it. This means a lot to us and we'd be very thankful for your rate.
Thank you so much!