Grouped Images Tag¶

{exp:channel_images:grouped_images}
    <!-- Template Code -->
{/exp:channel_images:grouped_images}

This tag makes displaying images by category easier. It will automatically sort the images by category.

Parameters
- category_sort=”“
Variables
- {image:category}
Variable Pairs
- {images} {/images}
Conditionals
- {if image:no_images}
Example

Parameters ¶

All parameters of Images Tag can be used here.

category_sort=”“¶

The sort order can be ascending or descending. Setting options for this parameter include: - category_sort=”asc” - category_sort=”desc”

Default: category_sort=”asc’

Variables ¶

Available variable..

{image:category}¶

The category name

Variable Pairs ¶

{images} {/images}¶

Lists all images in the category

All variables of Images Tag can be used here.

Conditionals ¶

These individual conditional variables are for use inside the {images} tag pair.

{if image:no_images}¶

This tag will conditionally display the code inside the tag if there are no images in current category

Example ¶

{exp:channel:entries channel="about" url_title="{segment_3}"}
        <h2>{title}</h2>

        {exp:channel_images:grouped_images entry_id="{entry_id}"}
                <strong>{image:category}</strong>
                {images}
                        <img srcp="{image:url}" alt="{image:title}">
                {/images}
        {/exp:channel_images:grouped_images}

{/exp:channel:entries}