如何在Shopify的分区页面上调用产品图像、详细信息和价格

Question

{% for block in section.blocks %}
{% for image in product.images %} {{ image.src | product_img_url: 'grande' }} {% endfor %}
{{block.settings.product.title}}
{{all_products[product].price | money_without_trailing_zeros }}
{% endfor %}
{% schema %}
{
"name": "Demo",
"blocks": [
{
"type": "new-arrival",
"name": "New Arrival",
"settings": [
{
"type": "product",
"id": "product",
"label": "Product"
}
]
}
]
}
{% endschema %}

有人能告诉我如何在分区页面上调用多个产品图像、产品详细信息和产品价格吗？这是我尝试过的一些代码，但它不正确。

Answer 1

感谢Onkar的指导。我更新了一点，现在它正常工作。

{% for block in section.blocks %}
{% assign product = all_products[block.settings.product] %}
{% for image in product.images %} 
<img src="{{ image.src | product_img_url: 'grande' }}" >
{{product.title}}
{{ product.price | money_without_trailing_zeros }} 
{{product.description}}
{% endfor %}

{% endfor %}

Answer 2

当在Shopify模式中使用输入类型product时，您需要使用all_products对象来获取所选产品的详细信息，您需要获取详细信息并将其分配给一个变量，比如这个。

{% assign product = all_products[block.settings.product] %}

然后可以使用同一对象的其他属性。所以您的代码正在查找。

{% for block in section.blocks %}
{% assign product = all_products[block.settings.product] %}
{% for image in product.images %} 
<!-- list images -->
{{ image.src | product_img_url: 'grande' }} 
<!-- product title -->
{{product.title}}
<!-- product price -->
{{ product.price | money_without_trailing_zeros }}
<!-- product description -->
{{product.description}}
{% endfor %}   
{% endfor %}
{% schema %}
{
"name": "Demo",
"blocks": [
{
"type": "new-arrival",
"name": "New Arrival",
"settings": [
{
"type": "product",
"id": "product",
"label": "Product"
}
]
}
]
}
{% endschema %}

您可以查看并阅读更多关于对象all_products链接的信息