Variable: focus
The focal point of the asset, defaulting to center (50-50
).
Template
{{ focus }}
Output
50-30
You may want to use this in CSS with either the background_position modifier, or just by using the focus_css variable.
Template
background-position: {{ focus | background_position }};
background-position: {{ focus_css }};
Output
background-position: 50% 30%;
background-position: 50% 30%;