访问产品的图像 URL
Access the image URL of a product
我正在尝试在编辑主题文件中获取图像 URL -> product.html
我已经有了一些值,例如:
{{product.title}},这给了我 "Product name"
{{product.url}},这给了我 URL
等...
但无论我怎么尝试,我都无法得到 URL。
我最接近的是使用这个:{{product.main_image.data}}
这给了我这样的东西:
但这不会生成图像 link。
非常感谢任何帮助或见解。
提前致谢!
您正在 return 的字符串不起作用,因为 URL 中嵌入了一个 "size" 占位符。您可以使用 Stencil 的 getImage Handlebars 帮助器来指定图像尺寸和 return 工作 URL:
{{getImage product.main_image.data "thumbnail"}}
"thumbnail" 字符串指定了您的主题设置中存在的图像大小。您还可以指定数字大小,例如“200x200”。查看文档 here
我正在尝试在编辑主题文件中获取图像 URL -> product.html
我已经有了一些值,例如: {{product.title}},这给了我 "Product name" {{product.url}},这给了我 URL 等...
但无论我怎么尝试,我都无法得到 URL。
我最接近的是使用这个:{{product.main_image.data}} 这给了我这样的东西:
但这不会生成图像 link。
非常感谢任何帮助或见解。
提前致谢!
您正在 return 的字符串不起作用,因为 URL 中嵌入了一个 "size" 占位符。您可以使用 Stencil 的 getImage Handlebars 帮助器来指定图像尺寸和 return 工作 URL:
{{getImage product.main_image.data "thumbnail"}}
"thumbnail" 字符串指定了您的主题设置中存在的图像大小。您还可以指定数字大小,例如“200x200”。查看文档 here