如何通过添加代码的方式添加评论展示区?

功能介绍

若不方便升级主题,可以通过添加代码的方式,在主题编辑器内新增评论展示区。

步骤

1. 前往主题装修,点击主题代码。

mceclip0.png

2. 点击Sections,再点击新增sections,添加一个空的apps.liquid文件(不可使用别的名称)。

mceclip1.jpg

mceclip2.jpg

3. 复制以下代码,粘贴到apps.liquid内,并保存。

<div class="{% if section.settings.page_width %}tw-container{% endif %}">
  {%- for block in section.blocks -%}
    {% render block %}
  {%- endfor -%}
</div>

{% schema %}
{
  "name": "apps",
  "max_blocks": 16,
  "settings": [
    {
      "type": "checkbox",
      "id": "page_width",
      "label": {
        "en-US": "Make section margins the same as theme",
        "zh-CN": "使分区页边距与模板相同"
      },
      "default": false
    }
  ],
  "blocks": [
    {
      "type": "@app"
    }
  ],
  "presets": [
    {
      "name": "apps",
      "cname": {
        "en-US": "Apps",
        "zh-CN": "应用"
      },
      "category": {
        "en-US": "Apps",
        "zh-CN": "应用"
      },
      "ccategory": {
        "en-US": "Apps",
        "zh-CN": "应用"
      },
      "display": true,
      "blocks": []
    }
  ]
}
{% endschema %}

mceclip3.jpg

4. 前往主题编辑器,添加评论展示区卡片。

mceclip4.jpg

5. 预览效果,在右侧编辑相关配置项。

mceclip5.jpg

6. 点击发布,前往店铺首页查看效果。

mceclip6.jpg

mceclip7.jpg

 

📘 Tips:

当评论开关为关闭状态时,评论展示区将不展示任何效果。

 

关联页面

将商品评论展示到首页

给店铺创建一个评论专属页面

这篇文章有帮助吗?
0 人中有 0 人觉得有帮助

评论

0 条评论

登录写评论。