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 EXT:metadata.

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