是否可以在同一模板中重复相同的部分?

时间:2019-06-18 20:57:11

标签: shopify

是否可以在同一模板中重复相同的部分?如果可以,怎么办?
模板:

{% section 'two_images' %}
{% section 'two_images' %}

two_images:

<section data-aos="fade">
  <div class="flex-images">
    <img src="{{ section.settings.img1 | img_url: "3979x943" }}">
    <img src="{{ section.settings.img2 | img_url: "3990x943" }}">
  </div>
</section>

{% schema %}
  {
      "name": "Two Images",
      "settings": [
      {
          "type": "image_picker",
          "id": "img1",
          "label": "First Image",
          "info": "Recommended sizes: 3979x943"
      },
      {
          "type": "image_picker",
          "id": "img2",
          "label": "Second Image",
          "info": "Recommended sizes: 3990x943"
      }]
  }
{% endschema %}

这些部分显示的是相同的图片。我猜想它必须与“ id”做些什么?由于重复了两次。解决的方法是什么?

1 个答案:

答案 0 :(得分:0)

对,因此您不能简单地复制节并期望它们具有不同的内容。部分包含每个部分的唯一设置,因此您需要在"/sections"文件夹中创建另一个部分,假设"two_images_2",然后在其中放置相同的内容。然后,您可以将其包含在模板中。

如果两个部分的html内容完全相同,则可以使用该html创建代码段并将其包含在两个部分中,以避免重复重复相同的html。请注意,这不适用于{% schema %},因为部分中需要此标记的内容,因此需要重复

希望这个答案将为您阐明各节背后的逻辑,

谢谢