Besoin de pagination pour le module de galerie photo liquide dans Adobe Business Catalyst

Question

Toutes les images sont chargées dans la même page, comment puis-je contrôler en utilisant la pagination? Tout le monde peut m'aider à résoudre ce problème.

Voici mon code. BC fournit l'objet de pagination pour accomplir cela exactement.

{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> 

Answer 1

Cet objet vous donne 6 paramètres: currentPage, itemsPerPage, numberOfPages, totalItemsCount, previousPageUrl, nextPageUrl. Tout d'abord, vous devez ajouter un resultsPerPage = "" à la balise de module de photogallery initiale, puis ajouter, par exemple, {{test2016.pagination.previousPageUrl}} en tant que href d'une balise d'ancrage pour obtenir un lien de page précédente .

Cela dépend de ce que vous voulez, mais vous pourriez vous retrouver avec quelque chose comme ceci:

{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> 

Utilisez quelques if ... then déclarations et certains des autres paramètres pour obtenir exactement ce que vous voulez .