请输入
菜单

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

功能介绍

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


步骤

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:
当评论开关为关闭状态时,评论展示区将不展示任何效果。

关联页面

将商品评论展示到首页

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


上一个
如何将商品评论卡片添加到商品详情页?
下一个
lj如何为店铺创建一个评论专属页面?
最近修改: 2023-05-08Powered by