时间戳

首页 > 解决方案 > 如何在 Shopify 的版块页面上调用产品图片、详细信息和价格？

schema - 如何在 Shopify 的版块页面上调用产品图片、详细信息和价格？

问题描述

{% 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 %}

谁能告诉我如何在版块页面上调用多个产品图片、产品详细信息和产品价格？这是我尝试的一些代码，但它不正确。

标签： schemashopifyliquid

解决方案

当在 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 链接的更多信息

推荐阅读