在 Shopify 中引用产品

Question

我正在为一位对原生相关产品部分不满意的客户开发 Shopify 网站。

我开始开发一个自定义部分，我的客户可以在其中选择要显示的产品。

唯一的问题是我很难找到与产品对象相关的文档。或者至少没有很好地理解它。

在我的架构中，我添加了一个产品设置，允许选择我想要的产品：

                    {
                 "type": "product",
                 "label": "Produit 1",
                 "id": "produit_premier"
                }

这工作正常，但我得到的唯一输出是我的产品名称。

如何实现展示商品图片？

感谢您的帮助！

Answer 1

当您在 Shopify 中使用输入类型 product 时，它 returns 到您的产品句柄。

您需要使用 all_products 对象来获取有关产品的更多信息。

更新：你可以像这样使用它

这是设置 json 代码：

Answer 2

[更新 - 最终版本]

完成此工作，这是最终代码：

            <!-- GETS PRODUCT HANDLE AND ASSIGNS TO VARIABLE -->
        
        <div class="hidden">
          {% assign product = section.settings.produit_quatrieme %}
        </div> 
        
        <!-- GETS PRODUCT FIRST IMAGE + LINK -->
        
        {% for image in all_products[product].images %}
           {% if forloop.first == true %}
            <a href=" {{ all_products[product].url }} ">
                <img src="{{image.src | img_url:"grande"}}" />
            </a>
          {% endif %}
        {% endfor %}
        
        <!-- GETS PRODUCT TITLE + LINK -->
        
        {% for title in all_products[product].title %}
          {% if forloop.first == true %}
            <a href=" {{ all_products[product].url }} ">
                <h2 class="ProductItem__Title Heading margin-none"> {{ all_products[product].title }} </h2>
            </a>
          {% endif %}
        {% endfor %}

Answer 3

将模式代码添加到部分块而不是部分设置。然后，您可以 select 任意数量的产品。

{% for block in section.blocks %}
{% assign product = all_products[block.settings.produit_quatrieme] %}
<a href=" {{ product.url }} ">
  <img src="{{product.featured_image| img_url:"grande"}}" />
</a>
<a href=" {{ product.url }} ">
  <h2 class="ProductItem__Title Heading margin-none"> {{ product.title }} </h2>
</a>
{% endfor %}

如果要显示单个产品，那么只需添加部分而不是块，则无需使用 for 循环。

在 Shopify 中引用产品

Referencing a product in Shopify

product

liquid

shopify