Html 输出产品Shopify的样例图像

Html 输出产品Shopify的样例图像,html,shopify,liquid,shopify-app,shopify-template,Html,Shopify,Liquid,Shopify App,Shopify Template,在我的Shopify网站上,我正在编辑帐户/订单页面。在“个人订单摘要”页面上,我将显示产品样本图像以及产品颜色名称。我已经得到了产品颜色名称的工作,但我不知道如何才能得到产品样本的图像显示。有人有什么想法吗 {%-对于第_item.product.options-%}行中的选项 {%if选项=='颜色'%} {{line_item.product.variants.first.options[forloop.index0]} {%endif%} {%endfor%} 根据产品样本,我假设您

在我的Shopify网站上,我正在编辑帐户/订单页面。在“个人订单摘要”页面上,我将显示产品样本图像以及产品颜色名称。我已经得到了产品颜色名称的工作,但我不知道如何才能得到产品样本的图像显示。有人有什么想法吗


{%-对于第_item.product.options-%}行中的选项
{%if选项=='颜色'%}
{{line_item.product.variants.first.options[forloop.index0]}
{%endif%}
{%endfor%}

根据产品样本,我假设您指的是
variant.image
,因为样本没有图像

所以你可以这样做:

{{line_item.image}默认值:line_item.product.characterized_image | img_url:'300x'| img_tag}


我们以变体图像为目标,并提供一个默认图像,以防变体没有一个图像会回退到产品图像。

不幸的是,这总是显示产品特色图像的默认选项,即使我的所有产品都有不同的图像。@user6738171然后使用
行\u项。图像
代替我更新了上面的代码。它仍然显示特征图像。我在原始问题中添加了swatch.liquid,作为主题如何在产品页面上显示各种图像的参考。