我如何在所有列出的项目上添加要点（可折叠内容）DAWN

Question

我正在尝试使用 Shopify 获取黎明主题上该选项卡（可折叠内容）上所有列出的项目的要点。但我设法在第一项上得到它，您可以在此处查看预览网址： https://1524t2hmp2urghsm-53196980409 .shopifypreview.com

这是代码引用的一部分 问题：

{%- when 'collapsible_tab' -%}
           <div class="product__acordion_container">
            <div class="product__accordion accordion" {{ block.shopify_attributes }}>
              <details id="Details-{{ block.id }}-{{ section.id }}">
                <summary>
                  <div class="summary__title">
                    {% render 'icon-accordion', icon: block.settings.icon %}
                    <h2 class="h4 accordion__title">
                      {{ block.settings.heading | default: block.settings.page.title }}
                    </h2>
                  </div>
                  {% render 'icon-caret' %}
                </summary>
                <ul>
                 <li id="ProductAccordion-{{ block.id }}-{{ section.id }}">{{ block.settings.content }}</li>
                  {{ block.settings.page.content }}
                </ul>
              </details>
            </div>
           </div>

Answer 1

https://ed.codes/blogs/tutorials/add-a-youtube-video-inside-collapsible-row-block-accordion-on-shopify-product-page 使用此vid 将元素添加到块中

，然后在液体中添加容器

<p> 
{% if product.metafields.custom.METAFIELDNAME %}
<div class="product-features__features Container">       
{{product.metafields.custom.METAFIELDNAME}}
    </div>
{% endif %} 
</p>

，然后作为多行文本元字段链接到 HTML 格式的列表。