Objetos /
image
Una imagen: URL, texto alternativo y dimensiones.
Dónde está
product.featured_image, product.images, settings image_picker, article.image…
Propiedades
| Propiedad | Tipo | Qué es |
|---|---|---|
image.src | texto | URL original. |
image.url | texto | Igual a src. |
image.alt | texto | Texto alternativo. |
image.width | número o nil | Ancho en píxeles, si se conoce. |
image.height | número o nil | Alto en píxeles, si se conoce. |
image.aspect_ratio | número o nil | Ancho dividido alto. |
Ejemplo
{%- if section.settings.imagen -%}
{{ section.settings.imagen | image_url: width: 1200 | image_tag: alt: section.settings.titulo, loading: 'eager' }}
{%- else -%}
{{ 'image' | placeholder_svg_tag }}
{%- endif -%}