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

     

working with Low Seg2Cat

Support Request

manimac79
manimac79

Hello!

I have problems with infinite-scroll with Low Seg2Cat: (

this is my code for main template:

{embed="portfolio/embed_infinite_scroll_pinterest_com_style"


and this is the code for the embed_infinite_scroll_pinterest_com_style:

<!-- # ajax_container -->
{exp:infinite_scroll:wrapper ajax_container="ajax_container" embed_template_url="portfolio/embed_infinite_scroll_pinterest_com_style" 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}">
{exp:channel:entries channel="portfolio" category="{segment_2_category_id}" disable="member_data|trackbacks" sort="asc" orderby="title" limit="4" paginate="bottom" dynamic="yes" parse="inward"}


<figure data-role="infinite-scroll-item" data-item-index="{entry_id}" class="{exp:gwcode_alternate count='{count}' alternate='clear|_clear|__clear|___clear'} block-left narrow tablet-p-3col tablet-p-third-page mobile-sm-2col mobile-sm-half-page mobile-xsm-1col">
        <
div class="offset-parent
            mobile-xsm-block-left
            mobile-xsm-tenth-page
            media-wrapper"
            
data-role="show-media-actions">
          <
a data-role="set-thumbnail" class="link-reset-all" data-set-url="{title_permalink={segment_1}/{segment_2}}" href="{title_permalink={segment_1}/{segment_2}}">
{if image_big}
<img class="full-width responsive-image bg-placeholder"
     
data-role="lazy-image"
     
data-lazy-image-animate="true"
     
alt=""
     
data-lazy-image-url="{timthumb}?src={image_big}&w=220"
     
data-lazy-image-offset-x="50%"
     
data-lazy-image-offset-y="50%" />
{if:else}
<img class="full-width bg-accent-darkest bg-century-{exp:low_random:number from='17' to='21'}-dark"
                
alt="{title}"
                
src="{images_url}/Responsive/1x1.png" />
              <
class="no-image-text no-image-text-sm middle-left full-width padding-left-halfx padding-right-halfx text-center">
                <
span class="text-intro text-lightest text-overlay">
Immagine<br /> 
non ancora<br />
disponibile     </span>
              </
p>
{/if}
</a>
<
span data-role="media-actions" class="media-actions buttons-compact corner-bottom-right mobile-lg-hide">
{if logged_in}
{exp
:favorites:saved entry_id="{embed:entry_id}"}
{if not_saved}
<a id="pub-{entry_id}"
href="{path=app/favorites}/{entry_id}/" 
class="button-like button-icon button-fav-no button-primary visible-tablet-mobile">
<
span class="accessible">Aggiungi ai favoriti</span>
</
a>
{/if}
{if saved}
<a id="pub-{entry_id}"
href="{path=app/favorites}/{entry_id}/delete/" 
class="button-like button-icon button-trash visible-tablet-mobile">
<
span class="accessible">Rimuovi dai favoriti</span>
</
a>
{/if}
{
/exp:favorites:saved}
{if
:else}
<a
class="button-like button-icon button-fav-no button-primary visible-tablet-mobile">
<
span class="accessible">Aggiungi ai favoriti</span>
</
a>
{/if}

</span>
      </
div>
        <
figcaption class=" mobile-xsm-block-indent">
          <
h2 class="h3-like ellipsis">
            <
a href="{title_permalink={segment_1}/{segment_2}}" class="link-reverse first-letter">
              
{title}
            
</a>
          </
h2>
          <
class="text-subtle first-letter">{sottotitolo}</p>
        </
figcaption>
      </
figure>


{paginate}
{if next_page}
<class="block-stack process_indicator">
  <
a href=""
      
id="load-more-button"
      
class="test hidden button-like button-big button-combo-start button-add bg-medium">
        
More results
      
</a>
  <
a href=""
    
id="load-more-button-javascript"
    
data-role="infinite-scroll-next-page"
    
class="hidden"></a>
</
p>
{exp:infinite_scroll:next_chunk_data}{auto_path}{/exp:infinite_scroll:next_chunk_data}
{
/if}
{
/paginate}
{
/exp:channel:entries}
{infinite_scroll_container_bottom}
</div>
{/infinite_scroll_container_bottom}
{
/exp:infinite_scroll:wrapper}
<!-- End of # ajax_container --> 

please, let me know! thanks

manimac79
# 1
manimac79

Someone can help me please?

Laisvunas
# 2
Developer
Laisvunas

Hi,

Please, post here URL of the page on which the issue happens.

manimac79
# 3
manimac79

Hi Laisvunas, thank you for your reply but i choose to get another way to make infinite scroll without this add-on.
sorry i have no more this template on my site

i think it’s possible to close this thread or delete it

cheers
valerio.