무한/무한 스크롤 구현하기 Bigcommerce 스텐실 범주 목록

Question

카테고리 페이지의 맨 아래에 어떤 이유로 페이지 매김이 표시되지 않기 때문에 범주 페이지의 대형 상거래 스텐실 프레임 워크에서 무한 스크롤을 구현하는 방법을 알고 싶습니다.

는 자바 스크립트와 가능하다면 나는 큰 상업 스텐실 프레임 워크 여기

이 기능을 달성 할 수있는 방법 저를 제안 해주십시오 나의 웹 사이트 http://silverforte.com/categories

<main class="page-content" id="product-listing-container"> 
    {{#if category.products}} 
     {{> components/category/product-listing}} 
    {{else}} 
     <p>{{lang 'categories.no_products'}}</p> 
    {{/if}} 
</main> 

감사

Answer 1

당신은 확실히 할 수있다 이것을 더 많이 최적화 시키되, 기본적인 아이디어를 다룹니다. BigCommerce에 불가지론

는 게으른 부하 AJAX 요청은 다음과 같습니다 : 당신이 범주 자체를 통해 다음 페이지와 페이지를로드해야하므로

가

$.ajax({ 
    url: "your url here", 
    type: "Post", 
    success: function(response){ 
     // handle your success callback here 
     $("img.lazy").lazyload({ 
       effect : "fadeIn" 
     }); 
    } 
}); 

이 완벽하게 작동하지 않습니다. window.location.pathname 또는 window.location.href을 기반으로 변수를 설정하고 해당 문자열을 수정하여 페이지 번호를 증가시키고이를 ajax 요청 URL로 사용합니다.

또는 JS가 다음 선택기를 찾아 URL 요청을 작성하는 데 사용할 수 있습니다.

BC와 함께 사용할 때 더 나은 플러그인을 확인하려면 http://infiniteajaxscroll.com/을 확인하십시오.