Alphabetic Pagination Pro

$60.00

Description

If you want to try implementation by yourself so here are the two ways:

Method-A: (For users listing)

Paste the following two shortcodes in your content editor

[ap_pagination]
[ap_results class="ap_results" type="users_list"]
[ap_results class="ap_results" type="content_list"]

OR (jQuery Implementation)
[ap_pagination type=”jquery” wrapper=”#primary #content article” item=”header > h1 > a”]

Method-B: (For all custom queries)

Step 1:

Use

[ap_pagination]

shortcode in your content editor to display pagination on your page or try do_shortcode. Whatever suit you.

Step 2.1: (Recently Added)

Step 2.2: (Old Method)

Put the following line in your theme’s functions.php anywhere

add_action('init', 'set_ap_query_3');

Notes: Query number will vary on your page, try it from 1 to 6 that which query number is related to your items to be displayed. I was working on my theme and my query was number 3.

Step 3:

Put the following line

add_filter('posts_where', 'ap_where', 12);

in your theme’s template file after the following line

$wp_query = new WP_Query($args);

e.g.

$wp_query = new WP_Query($args);
add_filter('posts_where', 'ap_where', 12);

Method-C: (Quick Transition – No load on database every time)
Step 1:

[ap_pagination wrapper="ul.titles_list > li" item="a.titles" type="js"]

Step 2: (Optional)
A few helping functions:

<?php function sne_footer_scripts(){?>
    <style type="text/css">
        .ap_numeric{
            color:red;
            cursor:pointer;
        }
    </style>
    <script type="text/javascript" language="javascript">
        jQuery(document).ready(function($){
            $('.ap_numeric').on('click', function(){
                $('.ap_wrappers').fadeIn();
                $('.ap-wrap').find('.selected').removeClass('selected');
            });
        });
    </script>
<?php        
    }
    add_action('wp_footer', 'sne_footer_scripts'); ?>

Visual Editor & Grid?

var api = setInterval(function(){
if(jQuery('.vc_gitem-link.vc-zone-link').length>0){
jQuery.each(jQuery('.vc_gitem-link.vc-zone-link'), function(){ jQuery(this).parents().eq(3).prepend('<strong style="display:none">'+jQuery(this).attr('title'))+'</strong>'; });
clearInterval(api);
do_ap_js();
}}, 100);

Click here for step by step tutorial.

Reviews

There are no reviews yet.

Be the first to review “Alphabetic Pagination Pro”

Your email address will not be published. Required fields are marked *