Plugin

Archived
Forum
(read-only)

Infinite Scroll

ExpressionEngine 1.x, ExpressionEngine 2

Back to this add-on's main page
View Other Add-ons From Laisvunas

     

Work with Low Search?

General

Danielle LeComte
Danielle LeComte

Hey there,

Will this plugin work with Low Search results? I am trying to implement it but the query seems to be ignored once the next batch of results are loaded.

This is my embed template:

{exp:infinite_scroll:wrapper ajax_container="ajax_container" embed_template_url="{homepage}/career-center/scroll" xid_element_id="infinite_scroll_xid" process_indicator="process_indicator" parse="inward"}

{infinite_scroll_container_top}
<div id="ajax_container">
{/infinite_scroll_container_top}

<input type="hidden" id="infinite_scroll_xid" value="{XID_HASH}">

<
section class="row" id="content-section">
    <
div class="small-12 medium-12 large-12 columns">
   
{exp:low_search:results
     query
="{segment_2}"
     
status="not closed"
     
channel="blog"
     
limit="6"
     
orderby="date"
     
sort="desc"
     
dynamic="no"
     
paginate="bottom"
   
}
   {if count 
== 1}
   
<ul class="small-block-grid-1 medium-block-grid-2 large-block-grid-3">
   
{/if}
    
<li>
     <
article id="" class="article-item item"><!-- start article #.article-item -->
      
<a href="{page_url}">{exp:ce_img:pair src="{blog_featured_image}" width="350" height="240" crop="yes" allow_scale_larger="yes"}<img src="{made}" alt="" width="{width}" class="article-img"  alt="{title}" />{/exp:ce_img:pair}</a>
      
{categories limit="1" show_group="2"}<h5 class="{color_class}">{category_name}</h5>{/categories}
      
<a href="{page_url}" class="article-title">{title}</a>
      <
div class="article-meta">
       <
a href="{page_url}" id="" class="article-date"><class="fa fa-calendar"></i{entry_date format="%M %d"}</a>
       <
a href="{page_url}#commentsThread" id="" class="article-comments"><class="fa fa-comments"></i{comment_total} Comments</a>
      </
div><!-- end div.article-meta -->
           </
article><!-- start article #.article-item -->
    
</li>

   
{if count == total_results}
   
</ul>
   
{/if}

    {if low_search_no_results}
     
<p>Sorryyour query did not return any resultsPlease try again.</p>
    
{/if}

    {if total_results 
1}
     {paginate}
      {if next_page}
      
<div class="process_indicator">
      
Loading...
      </
div>
      
{exp:infinite_scroll:next_chunk_data}{auto_path}{/exp:infinite_scroll:next_chunk_data}
      {
/if}
     {
/paginate}
    {
/if}
   {
/exp:low_search:results}
    
</div><!-- end columns -->
</
section><!-- end row -->

{infinite_scroll_container_bottom}
</div><!-- End of # ajax_container -->
{/infinite_scroll_container_bottom}

{
/exp:infinite_scroll:wrapper} 

Any help would be greatly appreciated - thanks!

Danielle

Laisvunas
# 1
Developer
Laisvunas

Hi Danielle,

Please, post here URL of your page and the code of your main template (reduced to essentials).