Image

Image

{{ image }}

Name Type Description
object_type String Will always be datastore_item
is_valid Boolean True if this references a published image
guid String The unique identifier for this image
value String Contains the same value as guid
name text The name of the image
title text The title of the image
linked_title String A link to the image if it has a URL, or the escaped title if not
alt text Alternative text for accessibility and when the image cannot be displayed
path String Full url of the uploaded image in the CDN
height Integer Pixel height of the image
width Integer Pixel width of the image
filesize Integer The image size in bytes
attribution textarea Attribution or credit text for the asset (e.g., photographer, source). The specific format of the attribution text is at the discretion of the editor
tags tags The list of tags associated with this image
authors authors The list of authors associated with this image
has_url Boolean True if the image has a URL
include_in_search Boolean Whether or not this image should be returned in on-site search results
domain_name text The domain name used by the URL for this image
url text The portion of the URL for this image following the domain name
full_url String The full URL for this image including the scheme, domain name, and path
visited Boolean Whether or not the user has visited this URL previously in their current session. Note that this will always be false if the user has not allowed session permission (see the Permissions and Personalization documentation). Using this property prevents the page from being fast-cached
template_guid String The unique identifier for the template that would be used to respond to this URL
template template The template that would be used to respond to this URL
canonical_url url The canonical URL if this is not the original source of content for this URL
browser_title text The browser title to use for this URL
meta_description textarea The meta description for this URL
meta_robots text The meta robots for this URL
keywords textarea The SEO keywords for this URL
search_entity_guid String The unique identifier for the entity that search results should be directed to (if this image does not have a URL)
search_entity entity The entity that search results should be directed to (if this image does not have a URL)
folder_guid String The unique identifier for the folder that contains this image.
folder folder The folder that contains this image.
field_id String The identifier for this field
label String The label for this field
output String The default output that the image produces when output directly to the template. The default output may change at any time. Template developers should avoid using this and should handle the output of images themselves
data data Object containing the custom fields on this image
* String Specific custom fields may be accessed using {{ entity.fieldid }} or {{image['field-id']}}

{{ images }}

Contains multiple images.

Name Type Description
output String The default output that the images will produce when it is output directly to the template - using the "output_in_list" property of each image in the items list

{% image %}

{% image
var|set|assign
 
Optional. Specify either "var", "set" or "assign" to change which scope this image is stored on. "var" is the default behavior.
variable_name
 
Specify a variable name in order to save this image to a variable. If not specified, it will be output to the template instead.
output_to_template
 
If included the image will be output directly to the template.
=
%}

{% images %}

{% images
var|set|assign
 
Optional. Specify either "var", "set" or "assign" to change which scope this images is stored on. "var" is the default behavior.
variable_name
 
Specify a variable name in order to save this images to a variable. If not specified, it will be output to the template instead.
output_to_template
 
If included the images will be output directly to the template.
=
prepend:value
 
Prepend the specified images before the fetched results. All prepended input will be returned in the same order that it is input. Value may one or more images, a guid, or a string.
append:value
 
Append the specified images after the fetched results. All appended input will be returned in the same order that it is input. Value may one or more images, a guid, or a string.
exclude:value
 
Prevent the specified images from being included in the fetched results. Has no affect on prepended and appended items. Value may one or more images, a guid, or a string.
exclude_prepended:true
 
Specifically exclude all prepended images from the fetched results. If "unique:true" is specified this is the default behavior, although you may also specify "exclude_prepended:false" to allow any prepended items to be fetched along with other results anyway.
exclude_appended:true
 
Specifically exclude all appended images from the fetched results. This is false by default - even if "unique:true" is specified - so that results are returned in the proper order.
unique:true
 
If set to true, each of the resulting lists (prepended, fetched, appended, and items) will be unique, although there may be duplicates between the prepended, fetched, and appended lists. The "items" list will include objects in the order in which they appear - with prepended items first, then fetched items, then appended items.
max_size:number
 
If specified, then the "items" list will only include up to the specified number of images. The "limit" may be automatically lowered to only fetch the maximum number of articles that will be included in "items" following prepended items. Note that this may also impact both the "page" and "total_pages" values. In order to use pagination with a list loaded using "max_size" use "start" instead of "page" and "limit".
%}

{% img %}

Shortcut to output a <img> tag for an image, optionally wrapped in a link.

Examples

Img shortcut

Copy
Template: {% img page.featured_image link:true %} Output: Image Alt Text

Img shortcut advanced

Copy
Template: {% var property = 'data-attribute-x' %} {% img page.featured_image link:false &property:'xyz' %} Output: Image Alt Text

Set favicon from image

Copy
{% set_favicon "favicon" %} or {% image img = "favicon" %} {% set_favicon img %}