Shopify 液体中的图像标签

简介

Shopify 是一款在线商店平台，使用 Shopify 液体模板语言可以轻松地创建自己的商店模板。在液体模板中，有一些内置的标签可以帮助我们更方便地添加各种内容，其中就包括图像标签。

图像标签可以在页面中展示图片，支持本地和远程图片链接，并且可以指定图片大小和样式。

语法

{% image image_url alt: 'alt_text' %}

或者

{% image image_url alt: 'alt_text' width: 'width_in_pixels' height: 'height_in_pixels' %}

其中：

• image_url：必填项，指定图片路径。
• alt_text：可选项，为图片添加 alt 文本，用于辅助阅读。
• width_in_pixels：可选项，指定图片宽度。
• height_in_pixels：可选项，指定图片高度。

示例

基本使用

{% image 'https://cdn.shopify.com/s/files/1/0000/0000/products/blue-t-shirt.jpg' alt: 'Blue T-shirt' %}

以上代码会在页面中展示一张名称为“Blue T-shirt”的蓝色半袖 T 恤图片。

指定图片尺寸

{% image 'https://cdn.shopify.com/s/files/1/0000/0000/products/blue-t-shirt.jpg' alt: 'Blue T-shirt' width: '500' %}

以上代码会在页面中展示一张名称为“Blue T-shirt”的蓝色半袖 T 恤图片，并将图片宽度指定为 500 像素。

总结

在 Shopify 液体模板中，使用图像标签可以方便地展示各种图片，同时也支持指定图片大小和样式，具有很好的灵活性。要注意，图片的路径需要正确，否则不能正常展示。