html - 额外的s 在 Shopify 前端生成

Question

我正在使用液体在column-right<p>内添加两个内容： <div>

<div class="page-width">
    {% capture image_layout %}
    <div class="feature-row__item feature-row__image-wrapper">
      {% if block.settings.image != blank %}
        <div class="feature-row__image feature-row__image--{{ block.id }} lazyload" data-sizes="auto" data-bgset="{% render 'bgset', image: block.settings.image %}"></div>

        <noscript>
          <div class="feature-row__image feature-row__image--{{ block.id }}" style="background-image: {{ block.settings.image | img_url: 'master' }}"></div>
        </noscript>
      {% else %}
        <div class="feature-row__image feature-row__image--{{ block.id }}">{{ 'image' | placeholder_svg_tag: 'placeholder-svg' }}</div>
      {% endif %}
        <div class="column-right">
          {%- if block.settings.text != blank -%}
            <p class="column-right__text">{{- block.settings.text -}}</p>
          {%- endif -%}
          {%- if block.settings.smalltext != blank -%}
            <p class="column-right__smalltex">{{- block.settings.smalltext -}}</p>
          {%- endif -%}
        </div>
    </div>
    {% endcapture %}

但是，在前端，我得到了四个 <p>：

<div class="column-right">
  <p class="column-right__text"></p>
  <p>We are a bunch of passionate people</p>
  <p></p>
  <p class="column-right__smalltex"> you can focus  on what really matters, potato chips</p>
</div>

截图在这里

有谁知道为什么会这样？？

标签： htmlshopifyliquid

Answer 1

最后我发现这是一个身份问题。似乎其他块具有相同的 id，所以它会<p>为每个块渲染一个！