我如何在所有列出的项目（可折叠内容）上加上项目符号点 DAWN答案

【问题标题】：How can i put bullet points on all listed items (collapsible content) DAWN我如何在所有列出的项目（可折叠内容）上加上项目符号点 DAWN
【发布时间】：2022-09-29 02:21:50
【问题描述】：

我正在尝试使用 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>

标签： css shopify liquid

【解决方案1】：

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

然后在液体中加入一个容器

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

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

【讨论】：