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

     

Using Infinite Scroll with Reefine

Support Request

tibitabo
tibitabo

Hi there,

I’m using Reefine to filter through a list of entries and I’d love to implement load more button-functionality using Infinite Scroll.

For this I have to embed the embed_infinite_scroll-template inside the following tag pairs, which doesn’t seem to work:

{exp:reefine channel="my_channel"}
  {entries}
    {exp
:channel:entries entry_id="{entry_ids}"}
      {embed
="test/embed_infinite_scroll"}
    {
/exp:channel:entries}
  {
/entries}
{
/exp:reefine channel} 

This is inside my embedded template:

{exp:infinite_scroll:wrapper ajax_container="ajax_container" embed_template_url="/test/embed_infinite_scroll" xid_element_id="infinite_scroll_xid" process_indicator="process_indicator" next_chunk_link="next_chunk_link" parse="inward"}

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

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

{exp:channel:entries channel="maennlich" sort="asc" orderby="title" limit="2" paginate="bottom" dynamic="no" parse="inward"}

<li>{absolute_count}. <a href="{path=">{title}</a></li>

{if count == total_results}
  
<li class="process_indicator">
  
Loading...
  </
li>
{/if}

{paginate}
  {exp
:infinite_scroll:next_chunk_link}
    {if next_page}
      
<a href="{auto_path}" class="next_chunk_link">Mehr anzeigen...</a>
    
{/if}
  {
/exp:infinite_scroll:next_chunk_link}
{
/paginate}

{
/exp:channel:entries}

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

{
/exp:infinite_scroll:wrapper} 
Laisvunas
# 1
Developer
Laisvunas

Hi,

I do not own the license of Reefine add-on, so I’m not able to reproduce the issue on my server. Would you allow me to analyze the issue on your server?

tibitabo
# 2
tibitabo

Well, this would be awesome, but I have already returned your addon! :(

I’m currently developing locally, but I could setup a server for you to access and I’d happily purchase again, if we could get this to work. :)

tibitabo
# 3
tibitabo

Alright, I’ve purchased once again. Let me know, where I shall send the login credentials. Thanks!

Laisvunas
# 4
Developer
Laisvunas

Hi,

Send login details to this email address: saugos [at] gmail [dot] com

I will need login into control panel and FTP login.

tibitabo
# 5
tibitabo

Email sent!

tibitabo
# 6
tibitabo

Hey there, sorry, but I found another solution! Thanks anyway.

myirishjeweler
# 7
myirishjeweler

Hi,

I am facing the same problem at the moment. Can Infinite Scroll be used inside Reefine?
I would like to know before purchasing the software.

OP, what was the alternative method you used?

regards,
Ciaran

Laisvunas
# 8
Developer
Laisvunas

Hi myirishjeweler,

I do not own the license of Reefine add-on, so I’m not able investigate what happens when trying to use both.  To investigate possible use of Reefine with Infinite Scroll I need the dev server with Reefine add-on installed.

myirishjeweler
# 9
myirishjeweler

Hi,

I can now confirm that the two add ons are compatible. You need to place reefine tags in main template and pass entry_ids as a variable to the embed template that contains your Infinite Scroll tags.

I have the following working code:

Main template

{exp:reefine channel=“products” category_url=“my-cat-url” parse=“inward” theme=“shop” filter:fields=“my|filter|fields” status=“open” url=”{segment_1}/{my|any-my}/{filter|any-filter}/{fields|any-fields}/”}
{entries}

{if entry_ids==’-1’} No matching products found. {/if}

{embed=“embed-name” infinite_scroll_vars=“entry_ids” infinite_scroll_values=”{entry_ids}”}

{/entries}
{/exp:reefine}

Embed Template

{exp:infinite_scroll:wrapper ajax_container=“ajax_container” embed_template_url=“this-url” xid_element_id=“infinite_scroll_xid” process_indicator=“process_indicator” next_chunk_link=“next_chunk_link” parse=“inward” infinite_scroll_vars=”{embed:infinite_scroll_vars}” infinite_scroll_values=”{embed:infinite_scroll_values}”}

{infinite_scroll_container_top}
<div id=“ajax_container”>
{/infinite_scroll_container_top}

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

{exp:channel:entries entry_id=”{infinite_scroll_embed_entry_ids}” disable=“category_fields|member_data” dynamic=“no” status=“open” limit=“36” paginate=“yes”}

{/exp:channel:entries}

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

{/exp:infinite_scroll:wrapper}