html - 如何更改我的 shopify 主题中的 div 以填充我的产品描述中的文本

Question

任何人都可以就我如何使用底部的单个选项卡更改产品页面提供帮助（完整描述、交付、退货信息）在这种情况下（尺寸表）是我正在实施的。我需要从我的产品描述中获取文本，其中包含描述段落底部的尺寸表。

假设我需要在我的产品描述编辑器上使用某种类型的 html 标签来指示在哪里拆分文本，例如“！--拆分-->”移动。但我还需要在我的自定义标签 div 中添加一些内容？这是下面

        {% if section.settings.product_customtabs_1 %}       
        <div id="collapse-tab3" class="tab-pane fade">
          {% include 'display_product_detail_description' %}
          {% if settings.enable_multilang %}
          <div class="lang1">{{ section.settings.product_customtabs_content_1 | split: '|' | first }}</div>
          <div class="lang2">{{ section.settings.product_customtabs_content_1 | split: '|' | last   }}</div>
          {% else %}
          {{ section.settings.product_customtabs_content_1 | split: '|' | first  }}
          {% endif %}
        </div>
        {% endif %}

我做错了吗？

标签： htmlcssshopify

Answer 1

您可以在后端产品描述编辑器之间使用自定义HTML标签<!-- split -->，然后使用液体代码过滤器轻松地将产品页面上的内容分开。

{% assign productDes = product.description | split:'<!-- split -->' %}
{% assign productDesPart1 = productDes[0] %}
{% assign productDesPart2 = productDes[1] %}

您可以首先first使用] 和last数组过滤器来获取值，但是当使用单个过滤器时它可以工作。<!-- split -->

{% assign productDesPart1 = product.description | split:'<!-- split -->' | first %}
{% assign productDesPart2 = product.description | split:'<!-- split -->' | last %}

您可以使用类似的东西，但要小心将HTML标签放入后端编辑器和流动代码，否则将无法正常工作。