实现功能：
评论版块默认放置在产品信息下方，现需将该版块挪到页面底部，同时将下方的you maoy also like 及 recently viewed 提到产品信息下方。
评论版块默认位置
( ! 注 ： lulubasic，chiquebabe，chicmour 已经调整完毕，网站负责人不必再重复操作。 )
实现步骤
- 打开shopify后台 -- 依次点击 Online Store -- Actions -- Edit Code -- 点击左侧导航中的Snippets文件夹 -- 点击 Add a new sinppet 新建 loox-review 文件。
Create snippet
-
将目标代码复制粘贴在刚才新建的 loox-review.liquid 空文件中并保存：
目标代码：
{% if product.metafields.loox.num_reviews %}
<script id="looxSchemaJson" type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Product",
"@id": {{ canonical_url | json }},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "{{ product.metafields.loox.avg_rating }}",
"reviewCount": "{{ product.metafields.loox.num_reviews }}"
},
"name": {{ product.title | json }}
}
</script>
{% endif %}
<div id="looxReviews" data-product-id="{{product.id}}" class="loox-reviews-default">{{ product.metafields.loox.reviews }}</div>
- 打开shopify后台 -- 依次点击 Online Store -- Actions -- Edit Code -- 搜索并打开product.liquid，将以下目标代码加入该文件中(目的是引入刚刚新建的文件)：
{% include 'loox-review' %}
正确添加后：
目标代码添加于该文件底部
- 最后一步：因为已在详情页最底部添加了新建的评论版块，所以要将页面原有的评论版块删除掉，搜索并打开product-template.liquid，删除选中代码（文件最底部）：
删除此段代码
完成后，评论版块位于页面底部：
完成效果
操作中遇到困难请联系技术部同事。
有任何意见建议请联系技术部同事。
😊
