在wordpress上使用无限滚动插件而不使用"下一个导航"函数

时间:2017-12-06 20:57:15

标签: javascript php jquery wordpress

我已经开发了this page。在主页上加载了很多优惠,所以我试图制作一个"无限滚动"功能。为了开发页面,我首先在一个bootstrap模板上创建它,然后在我转换成一个页面模型模板后,在我的房地产主题上。

问题是:所有"无限滚动插件"我已经下载了请求4个字段:导航选择器,下一个选择器,项目选择器和内容选择器,如您所见here。问题是我只能提供这四个字段中的两个:项目选择器#seletor和内容选择器(.portfolio.items2)。以下是循环所有信息的代码:



 
<div id="seletor">
    <div class="portfolio-items2">
    <?php $newsArgs = 
          array( 
             'post_type' => 'property',
             'posts_per_page' => 200,
             "orderby" => 'meta_value_num',
             "meta_key" => 'numerooff',
             "order" => 'DESC',
             'tax_query' => array(
                array( 
                      'taxonomy' => 'property-status',
                      'field'    => 'slug',
                      'terms'    => 'oneoff')));                   
            $newsLoop = new WP_Query( $newsArgs );                  
            while ( $newsLoop->have_posts() ) : $newsLoop->the_post(); ?>


        <div class="col-md-4 shortcode-col listing_wrapper <?php meta('seletoroff');?>" > 
            <div class="property_listing" data-link="http://www.onecia.com.br/imoveis-de-luxo/<?php /* Property ID if exists */ $property_id = get_post_meta($post->ID, 'REAL_HOMES_property_id', true); if(!empty($property_id)){ echo ''.$property_id; }?>">
                <div class="listing-unit-img-wrapper">
                    <div class="property_media"></div>
                    <a href="http://www.onecia.com.br/imoveis-de-luxo/<?php /* Property ID if exists */ $property_id = get_post_meta($post->ID, 'REAL_HOMES_property_id', true); if(!empty($property_id)){ echo ''.$property_id; }?>">
                        <img width="525" height="350" src="<?php meta('imagemoff');?>" class="lazyload img-responsive wp-post-image" alt=""  sizes="(max-width: 525px) 100vw, 525px" />
                    </a>
                    <div class="tag-wrapper">
                        <div class="featured_div"><?php meta('porcentooff');?></div>
                    </div>
                </div>

                <h4>
                    <a href="http://www.onecia.com.br/imoveis-de-luxo/<?php /* Property ID if exists */ $property_id = get_post_meta($post->ID, 'REAL_HOMES_property_id', true); if(!empty($property_id)){ echo ''.$property_id; }?>">
                        <?php meta('titulooff');?>
                    </a>
                </h4> 
                
                <div class="property_location_image">
                    <a href="http://www.onecia.com.br/imoveis-de-luxo/<?php /* Property ID if exists */ $property_id = get_post_meta($post->ID, 'REAL_HOMES_property_id', true); if(!empty($property_id)){ echo ''.$property_id; }?>" rel="tag">
                        <span style="font-size: 15px;"><?php meta('bairrooff');?></span>
                    </a>
                </div>
                <br>

               <div class="property_listing_details">
               <?php $post_meta_data = get_post_custom($post->ID);
                if( !empty($post_meta_data['REAL_HOMES_property_size'][0]) ) {
                    $prop_size = $post_meta_data['REAL_HOMES_property_size'][0];
                    echo '<div class="inforoom">'. $prop_size .'m² <div class="info_labels"><img src="http://www.onecia.com.br/wp-content/themes/site2016/images/icon-size.png" style="max-width: 14%; height: auto;"></div></div>';
            }

            if( !empty($post_meta_data['REAL_HOMES_property_bedrooms'][0]) ) {
                    $prop_bedrooms = floatval($post_meta_data['REAL_HOMES_property_bedrooms'][0]);
                    $bedrooms_label = ($prop_bedrooms > 1)? __('Bedrooms','framework' ): __('Bedroom','framework');
                    echo '<div class="infobath">'. $prop_bedrooms .'<div class="info_labels"><img src="http://www.onecia.com.br/wp-content/themes/site2016/images/icon-bed.png" style="max-width: 17%; height: auto;"></div></div>';
             }

            if( !empty($post_meta_data['REAL_HOMES_property_bathrooms'][0]) ) {
                    $prop_bathrooms = floatval($post_meta_data['REAL_HOMES_property_bathrooms'][0]);
                    $bathrooms_label = ($prop_bathrooms > 1)?__('Bathrooms','framework' ): __('Bathroom','framework');
                    echo '<div class="infosize">'. $prop_bathrooms .'<div class="info_labels"><img src="http://www.onecia.com.br/wp-content/themes/site2016/images/icon-bath.png" style="max-width: 17%; height: auto;">
                    </div></div>';
            } ?>

            </div>
               
            <div class="listing_unit_price_wrapper">
                <span class="price_label price_label_before" style="text-decoration: line-through;">De: R$ <?php meta('valordeoff');?></span><br> 
                <span style="text-decoration: underline; font-size: 22px; font-weight: bold;">Por: R$ <?php meta('valoroff');?> </span>
                <span class="price_label"></span>
            </div>  
            </div>             
        </div>
    <?php  endwhile; ?>
    </div>
</div>
&#13;
&#13;
&#13;

我可以限制posts_per_page显示的页数,但我没有配置任何分页(例如:浏览页面,下一页,旧页面......)

所以,我认为有两种方法可以解决它,但我需要你的指导。

首先:如果没有配置导航功能,有办法解决它 第二:解决问题的唯一方法是在我的页面wordpress模板上配置导航。

我真的被困在这里了。等待你的帮助,谢谢!

0 个答案:

没有答案