Jump to main content Jump to doc navigation

This is an example usage of Gallery. This page will first show a list of Gallery Albums, then once clicked, will load all the photos from that album. When a photo is clicked, it will show in large-form.

Simply paste this code into your Resource.

[[!Gallery? &toPlaceholder=`gallery`]]
[[!GalleryAlbums? &toPlaceholder=`galleries`]]

<div style="float: right">


<div class="image">
    <a href="[[+galitem.image]]"><img class="[[+galitem.imgCls]]" src="[[+galitem.image]]" alt="[[+galitem.name]]" /></a>
    <br />Albums: [[+galitem.albums]]
    <br />Tags: [[+galitem.tags]]

<hr />

    <h1><a href="[[~[[*id]]]]">[[+gallery.name]]</a></h1>

Support the team building MODX with a monthly donation.

The budget raised through OpenCollective is transparent, including payouts, and any contributor can apply to be paid for their work on MODX.


  • modmore
  • Jens Wittmann – Gestaltung & Entwicklung
  • Fabian Christen
  • Digital Penguin
  • Dannevang Digital
  • Sepia River Studios
  • Chris Fickling
  • CrewMark
  • deJaya
  • Following Sea
  • Anton Tarasov
  • eydolan
  • Raffy
  • Lefthandmedia
  • Murray Wood
  • Snow Creative
  • Nick Clark
  • Helen
  • JT Skaggs
  • krisznet
  • YJ
  • Yanni
  • Richard


$366 per month—let's make that $500!

Learn more