Image Gallery field type example
Go Back
Image set name: People
Image Gallery field type value output examples:
This is a complex example how to use diffrent layouts to output the content:
Gallery style:
Simple list of thumbnails:
{{ gallery }}
Output:
,
,
,
,
,
Simple list of original image links:
When editing a layout you can double-click on the tag to see the list of possible options.
{{ gallery("link:_original",",") }}
Output:https://joomlaboat.com/images/galleryexample/g41_gallery__original_6.jpg,https://joomlaboat.com/images/galleryexample/g41_gallery__original_7.jpg,https://joomlaboat.com/images/galleryexample/g41_gallery__original_8.jpg,https://joomlaboat.com/images/galleryexample/g41_gallery__original_9.jpg,https://joomlaboat.com/images/galleryexample/g41_gallery__original_10.jpg,https://joomlaboat.com/images/galleryexample/g41_gallery__original_11.jpg
Array of thumbnails:
{% set images = gallery("link:",";")|split(';') %}
<ul>
{% for image in images %}
<li>{{ image }}</li>
{% endfor %}
</ul>
Output:- https://joomlaboat.com/images/galleryexample/g41_gallery__esthumb_6.jpg
- https://joomlaboat.com/images/galleryexample/g41_gallery__esthumb_7.jpg
- https://joomlaboat.com/images/galleryexample/g41_gallery__esthumb_8.jpg
- https://joomlaboat.com/images/galleryexample/g41_gallery__esthumb_9.jpg
- https://joomlaboat.com/images/galleryexample/g41_gallery__esthumb_10.jpg
- https://joomlaboat.com/images/galleryexample/g41_gallery__esthumb_11.jpg
×