访问产品的图像 URL

Access the image URL of a product

我正在尝试在编辑主题文件中获取图像 URL -> product.html

我已经有了一些值,例如: {{product.title}},这给了我 "Product name" {{product.url}},这给了我 URL 等...

但无论我怎么尝试,我都无法得到 URL。

我最接近的是使用这个:{{product.main_image.data}} 这给了我这样的东西:

https://cdn3.bigcommerce.com/s-8lxh1/images/stencil/%7B:size%7D/products/882/1700/RAM_VB_193_SW1__09586.1463668242.jpg?c=2

但这不会生成图像 link。

非常感谢任何帮助或见解。

提前致谢!

您正在 return 的字符串不起作用,因为 URL 中嵌入了一个 "size" 占位符。您可以使用 Stencil 的 getImage Handlebars 帮助器来指定图像尺寸和 return 工作 URL:

{{getImage product.main_image.data "thumbnail"}}

"thumbnail" 字符串指定了您的主题设置中存在的图像大小。您还可以指定数字大小,例如“200x200”。查看文档 here