Benötigen Seitenumbruch für flüssige Foto Galerie-Modul in Adobe Business Catalyst

Question

Alle Bilder werden auf der gleichen Seite geladen, wie könnte ich mit Paginierung steuern? Jeder kann mir helfen, dieses Problem zu lösen.

Hier ist mein Code.

{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

BC stellt das Paginierungsobjekt bereit, um genau das zu erreichen. Dieses Objekt gibt Ihnen 6 Parameter: currentPage, itemsPerPage, numberOfPages, totalItemsCount, previousPageUrl, nextPageUrl. Zuerst müssen Sie eine resultsPerPage = "" zum ersten Tag der Fotogalerie hinzufügen und dann zum Beispiel {{test2016.pagination.previousPageUrl}} als href eines Anchor-Tags hinzufügen, um eine vorherige Seitenverknüpfung zu erhalten .

Es würde davon abhängen, was Sie wollen, aber man könnte mit etwas am Ende wie folgt:

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

Verwenden Sie ein paar, wenn ... dann Aussagen und einige der anderen Parameter zu bekommen genau das, was Sie wollen .