DEPRECATION WARNING

This documentation is not using the current rendering mechanism and is probably outdated. The extension maintainer should switch to the new system. Details on how to use the rendering mechanism can be found here.

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.

Nothing special here, just default Fluid templating. Take a look at the default templates and examples!

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>