Forum Replies Created

Viewing 46 replies (of 46 total)
  • Thread Starter undergroundnetwork

    (@undergroundnetwork)

    I added in your styling and was able to determine something.

    I have wrapper as false since I am using <ul id="infinitescroller">

    So that means that your scroller is not supposed to put in a <div> </div> wrapper, which is operating correctly.

    BUT..

    Unfortunately, it’s also not putting in an <li>...</li>wrapper around the javascript and <span class=”infinite-loader”..</span> it’s just inserting itself at the end of an
    <li></li>
    element like this:

    <ul is="infinitescroll">
          <li> item one</li>
          <li> item two </li>
         <script id"infinite-handle">...</script>
         <div id="infinite-handle">...</div>
    </ul>

    Which means that it won’t show as you can’t just put elements at an end of a <ul><li></li></ul> list without an <li>...</li> around it.

    Do you know of a solution?

    Here is my function code as it currently stands:

    function clear_news_infinite_scroll_init() {
        add_theme_support( 'infinite-scroll', array(
            'container'			=> 'infinitescroll',
            'footer'			=> false,
            'footer_widgets'	=> false,
            'wrapper'			=> false,
            'posts_per_page' => 6,
            'render'			=> 'my_child_infinite_scroll_render',
        ) );
    }
    add_action( 'after_setup_theme', 'clear_news_infinite_scroll_init' );
    
    function my_child_infinite_scroll_render() {
        while ( have_posts() ) {
    		 the_post();
            ?>
    	<li class="col-md-4 col-sm-6">
    		<?php get_template_part( 'templates/parts/content', get_post_format() ); ?>
    	</li>
            <?php
    } }

    Thanks!

Viewing 46 replies (of 46 total)