2016-06-17 10 views
2

すべての画像が同じページに読み込まれていますが、どのようにページングを使用して制御できますか? 誰でもこの問題を解決するのに役立ちます。アドビビジネス触媒の液体フォトギャラリーモジュールのページ番号が必要

ここに私のコードです。

{module_photogallery id="123456" collection="test2016" template="" } 
<div class="container"> 
    <div class="row"> 
     {% for item in test2016.items %} 
     <div class="col-md-3 col-sm-3 col-xs-6"> 
      <a onclick="myLightbox.start(this);return false;" rel="lightbox[photo2015]" href="{{item.link}}"> 
       <img src="{{item.link}}?Action=thumbnail&Width=250&Height=150&algorithm=fill_proportional"> 
      </a> 
     </div> 
     {% endfor %} 
    </div> 
</div> 
+0

これは、次の記事に記載されています。http://docs.businesscatalyst.com/developers/liquid/pagination-for-module_data特定のヘルプが必要な場合は、質問を更新してください。 – 10100111001

答えて

4

BCは、これを正確に達成するためのページングオブジェクトを提供します。 このオブジェクトは、currentPage、itemsPerPage、numberOfPages、totalItemsCount、previousPageUrl、nextPageUrlの6つのパラメータを提供します。 最初にphotogalleryモジュールのタグにresultsPerPage = ""を追加し、アンカータグのhrefとして{{test2016.pagination.previousPageUrl}}を追加して前のページリンクを取得する必要があります。

それはあなたが望むものに依存しますが、あなたはこのようなもので終わる可能性:その後...

{module_photogallery id="12345" resultsPerPage="6" collection="test2016" template="" } 
<div class="container"> 
    <div class="row"> 
     {% for item in test2016.items %} 
     <div class="col-md-3 col-sm-3 col-xs-6"> 
      <a onclick="myLightbox.start(this);return false;" rel="lightbox[photo2015]" href="{{item.link}}"> 
       <img src="{{item.link}}?Action=thumbnail&Width=250&Height=150&algorithm=fill_proportional"> 
      </a> 
     </div> 
     {% endfor %} 

     <a href="{{test2016.pagination.previousPageUrl}}">Prev</a> <a href="{{test2016.pagination.nextPageUrl}}">Next</a> 

    </div> 
</div> 

使用している場合は、いくつかの文を、その他のパラメータのいくつかは正確に何をしたい取得します。

関連する問題