如何循环遍历液体中的元字段
How to loop through the metafields in liquid
我需要循环图像部分的元字段,其中元字段键是:additional_info_icon_1
、additional_info_icon_2
和 additional_info_icon_3
。
<div class="addition-info--content">
<div class="addition-info-img">
<img src="{{ product.metafields.global.additional_info_icon_1.value | img_url: 'master' }}">
</div>
<div class="addition-info-img">
<img src="{{ product.metafields.global.additional_info_icon_2.value | img_url: 'master' }}">
</div>
<div class="addition-info-img">
<img src="{{ product.metafields.global.additional_info_icon_3.value | img_url: 'master' }}">
</div>
</div>
包含所有元字段值的数组是
product.metafields.global
因此您需要提取您感兴趣的全局命名空间中保存的键。请注意,由于选择不当,您的键被集中到全局命名空间中,这使得键的选择比实际需要的要困难得多是。
无论如何
{% for key in product.metafields.global %}
将为您提供 global 命名空间中的所有 keys。
现在你必须弄清楚你的密钥是否有趣。如果它包含字符串“additional_info_icon_”,那么您就知道它可能很有趣。所以现在您将使用该键来获取存储在该键中的值,并将其输出到您的 Liquid 中。
我可能忘记了,但我认为 key[0] 是键,key[1] 是值。试试看,看看进一步的研究会带你去哪里。
我需要循环图像部分的元字段,其中元字段键是:additional_info_icon_1
、additional_info_icon_2
和 additional_info_icon_3
。
<div class="addition-info--content">
<div class="addition-info-img">
<img src="{{ product.metafields.global.additional_info_icon_1.value | img_url: 'master' }}">
</div>
<div class="addition-info-img">
<img src="{{ product.metafields.global.additional_info_icon_2.value | img_url: 'master' }}">
</div>
<div class="addition-info-img">
<img src="{{ product.metafields.global.additional_info_icon_3.value | img_url: 'master' }}">
</div>
</div>
包含所有元字段值的数组是
product.metafields.global
因此您需要提取您感兴趣的全局命名空间中保存的键。请注意,由于选择不当,您的键被集中到全局命名空间中,这使得键的选择比实际需要的要困难得多是。
无论如何
{% for key in product.metafields.global %}
将为您提供 global 命名空间中的所有 keys。
现在你必须弄清楚你的密钥是否有趣。如果它包含字符串“additional_info_icon_”,那么您就知道它可能很有趣。所以现在您将使用该键来获取存储在该键中的值,并将其输出到您的 Liquid 中。
我可能忘记了,但我认为 key[0] 是键,key[1] 是值。试试看,看看进一步的研究会带你去哪里。