# elementor/3.32.0/modules/atomic-widgets/elements/atomic-image/atomic-image.html.twig

Elementor Website Builder – more than just a page builder, version 3.32.0. 19 lines.

- Page: https://pluginprobe.com/plugins/elementor/3.32.0/code/modules/atomic-widgets/elements/atomic-image/atomic-image.html.twig
- Raw: https://pluginprobe.com/plugins/elementor/3.32.0/raw/modules/atomic-widgets/elements/atomic-image/atomic-image.html.twig
- Modified: 2025-08-05T14:00:00+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/elementor/3.32.0/code/modules/atomic-widgets/elements/atomic-image/atomic-image.html.twig#L10-L20`.

```twig
{% if settings.image.src is not empty %}
	{% set id_attribute = settings._cssid is not empty ? 'id=' ~ settings._cssid | e('html_attr') : '' %}	
	{% if settings.link.href %}
		<a href="{{ settings.link.href }}" class="{{ base_styles['link-base'] }}" target="{{ settings.link.target }}">
	{% endif %}
	<img class="{{ base_styles['base'] }} {{ settings.classes | join(' ') }}" {{ id_attribute }} {{ settings.attributes | raw }}
		{% for attr, value in settings.image %}
			{% if attr == 'src' %}
				src="{{ value | e('full_url') }}"
			{% else %}
				{{ attr | e('html_attr') }}="{{ value }}"
			{% endif %}
		{% endfor %}
	/>
	{% if settings.link.href %}
		</a>
	{% endif %}
{% endif %}

```