Twig API

The FigureTwicpics template extends the Figure template and adds support for TwicPics API.

Parameters

twic_domain

• Type: string

Use this parameter to configure your Twicpics domain.

twic_path

• Type: string

Use this parameter to configure your Twicpics path.

twic_placeholder

• Type: 'preview' | 'meancolor' | 'maincolor' | Object

Use this parameter to customise the placeholder used when lazyloading images. It can either be one of the preview type provided by TwicPics, or an object defining custom transforms like the twic_transform parameter.

Examples

{# Will display a blurred version of the image #}
{% include '@ui/atoms/Figure/FigureTwicpics.twig' with {
  twic_domain: 'org.twic.pics',
  twic_placeholder: 'preview',
} %}

{# Will display a lighter version of the image with its quality degraded to 5 #}
{% include '@ui/atoms/Figure/FigureTwicpics.twig' with {
  twic_domain: 'org.twic.pics',
  twic_placeholder: {
    quality_max: 5,
  },
} %}

twic_transform

• Type: Object

Use this parameter to define custom transforms that should be used on the image. See Twicpics documentation to discover available transformations.

Examples

{% include '@ui/atoms/Figure/FigureTwicpics.twig' with {
  twic_domain: 'org.twic.pics',
  twic_transform: {
    focus: 'auto'
  }
} %}