category.php

<?php get_header(); ?>
<?php
$cat = get_query_var('cat');
$yourcat = get_category($cat);
?>

    <!-- Content Header (Page header) -->
    <div class="box box-widget">
        <div class="box-header with-border">
            <section class="content-header">
                <h1>
                    "<?php echo single_cat_title(); ?>"
                </h1>
                <ol class="breadcrumb">
                    <li><i class="fa fa-dashboard"></i> <?php bloginfo('name'); ?></li>
                    <li class="active"><?php echo single_cat_title(); ?></li>
                </ol>
            </section>
            <p><?php echo category_description() ?></p>

        </div>
        <!-- /.box-header -->
    </div>

    <!-- row -->
    <div class="row">
        <?php if (get_option('ad_header') != '') : ?>
            <div class="col-md-12 hidden-xs hidden-sm ad">
                <?php echo stripslashes(get_option('ad_header')); ?>
            </div>
        <?php endif; ?>
        <?php if (get_option('ad_header_mobile') != '') : ?>
            <div class="col-md-12 visible-xs visible-sm ad">
                <?php echo stripslashes(get_option('ad_header_mobile')); ?>
            </div>
        <?php endif; ?>
        <div class="col-md-12">
            <div class="row" id="posts">
                <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                        <div class="box box-widget">
                            <div class="box-header with-border">
                                <div class="user-block">
                                    <span class="username">
                                        <a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"
                                           title="<?php the_title(); ?> "><?php the_title(); ?></a></span>
                                    <ul class="description list-inline">
                                        <li><i class="fa fa-calendar"></i> <?php the_time('d.m.Y ') ?> |</li>
                                        <li><i class="fa fa-user"></i>
                                            <a href="<?php echo esc_url(get_author_posts_url(get_the_author_meta('ID'))); ?>"
                                               title="<?php the_author(); ?>"><?php the_author(); ?></a> |
                                        </li>
                                        <li><i class="fa fa-folder-open"></i> <?php the_category(', ') ?> |</li>
                                        <li>
                                            <i class="fa fa-comments"></i> <?php comments_number('0 comment', '1 comment', '% comments'); ?>
                                        </li>
                                    </ul>
                                </div>
                                <!-- /.user-block -->
                            </div>
                            <!-- /.box-header -->
                            <div class="box-body">
                                <div class="caption">
                                    <a href="<?php the_permalink() ?>" title="<?php the_title(); ?>">
                                        <?php $img = wp_get_attachment_image_src(get_post_thumbnail_id(), 'medium');
                                        if (has_post_thumbnail()) : ?>
                                            <img src="<?php echo $img[0]; ?>" class="img-responsive pad"
                                                 alt="<?php the_title(); ?>" title="<?php the_title() ?>"/>
                                        <?php endif ?>
                                    </a>
                                </div>
                                <a href="<?php the_permalink() ?>"
                                   title="<?php the_title(); ?>"><?php the_excerpt_rss(); ?></a>
                            </div>
                            <!-- /.box-body -->
                        </div>
                        <!-- /.box -->
                    </div>
                <?php endwhile; ?>
                <?php else : ?>
            </div>
            <div class="error-page">
                <h3><i class="fa fa-warning text-yellow"></i> Oops! Articles not found.</h3>

                <p>
                    There is no article.
                    Meanwhile, you may <a href="<?php bloginfo('url'); ?>">return to home</a> or try using the
                    search form.
                </p>

                <form action="<?php bloginfo('url'); ?>" class="search-form">
                    <div class="input-group">
                        <input type="text" name="s" class="form-control" placeholder="Search">

                        <div class="input-group-btn">
                            <button type="submit" class="btn btn-warning btn-flat"><i class="fa fa-search"></i>
                            </button>
                        </div>
                    </div>
                    <!-- /.input-group -->
                </form>
            </div>
            <!-- /.error-page -->
            <?php endif; ?>
        </div>
        <div id="inifiniteLoader"><i class="fa fa-2x fa-refresh fa-spin"></i></div>
    </div>
    <!-- /.row -->
<?php if (get_option('ad_footer') != '') : ?>
    <div class="col-md-12 hidden-xs hidden-sm ad">
        <?php echo stripslashes(get_option('ad_footer')); ?>
    </div>
<?php endif; ?>
<?php if (get_option('ad_footer_mobile') != '') : ?>
    <div class="col-md-12 visible-xs visible-sm ad">
        <?php echo stripslashes(get_option('ad_footer_mobile')); ?>
    </div>
<?php endif; ?>

    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            var count = 2;
            var total = <?php echo $wp_query->max_num_pages; ?>;
            $(window).scroll(function () {
                if ($(window).scrollTop() == $(document).height() - $(window).height()) {
                    if (count > total) {
                        return false;
                    } else {
                        loadArticle(count);
                    }
                    count++;
                }
            });

            function loadArticle(pageNumber) {
                $('#inifiniteLoader').show();
                $.ajax({
                    url: "<?php echo admin_url(); ?>admin-ajax.php",
                    type: 'POST',
                    data: "action=infinite_scroll&page_no=" + pageNumber + '&loop_file=loop&what=category_name&value=<?php echo $yourcat->slug; ?>',
                    success: function (html) {
                        $('#inifiniteLoader').hide('1000');
                        $("#posts").append(html);
                    }
                });
                return false;
            }

        });
    </script>

<?php get_footer(); ?>