Templating

Tip

Since version 1.0.0 Generic Gallery uses fluid as templating engine. This means you will need to recreate your templates when updating from previous versions.

It's still possible to use grouped elements. For example four items wrapped in a <div>. There's a view helper for that.

Available variables

uid: current plugin content element UID (localized)
galleryType: current plugin gallery type (single, images, collection)
data.content: current plugin content element data
data.page: current page data
data.pageLayout: current page layout
data.pageBackendLayout: current page backend layout
item: Single image item in detail view
collection: Image collection array in list view

ViewHelpers

ForGroup

A pair of ViewHelpers to assist you when building groups of items.

Example

<f:for each="{color1: 'red', color2: 'green', color3: 'blue', color4: 'yellow'}" as="item" iteration="iterator">
	<gg:forGroup.begin iteration="{iterator}" max="2">
		<ul class="colors">
	</gg:forGroup.begin>

	<li class="span6" style="color: {item};>
		{item}
	</li>

	<gg:forGroup.end iteration="{iterator}" max="2">
		</ul>
	</gg:forGroup.end>
</f:for>

Result:

<ul class="colors">
	<li class="span6" style="color: red;>
		red
	</li>
	<li class="span6" style="color: green;>
		green
	</li>
</ul>
<ul class="colors">
	<li class="span6" style="color: blue;>
		blue
	</li>
	<li class="span6" style="color: yellow;>
		yellow
	</li>
</ul>

FAL Metadata

Use the imageData property for image meta data. The imageData array provides the FAL meta data merged with inline file reference meta data. In addition imageData processes some EXIF meta data to be more usable (some properties are transformed into a human readable format).

Use item.image.properties for raw FAL meta data.

Tip

Which meta data is available depends on your installation and extensions.

Example

This examples is tested with EXTmetadata.

<f:for each="{collection}" as="item" iteration="iterator">
	<figure>
		<f:image src="{item.image.uid}" alt="{item.imageData.description}" />
		<p>
			{item.imageData.camera_model} {item.imageData.shutter_speed_value} {item.imageData.aperture_value}
			{item.imageData.focal_length} {item.imageData.iso_speed_ratings} ({item.imageData.flash})
		</p>
	</figure>
</f:for>