【shopify】详情页评论版块位置调整

实现功能:

评论版块默认放置在产品信息下方,现需将该版块挪到页面底部,同时将下方的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 %}

{% endif %}
{{ product.metafields.loox.reviews }}
  • 打开shopify后台 -- 依次点击 Online Store -- Actions -- Edit Code -- 搜索并打开product.liquid,将以下目标代码加入该文件中(目的是引入刚刚新建的文件):
{% include 'loox-review' %}

正确添加后:


目标代码添加于该文件底部
  • 最后一步:因为已在详情页最底部添加了新建的评论版块,所以要将页面原有的评论版块删除掉,搜索并打开product-template.liquid,删除选中代码(文件最底部):
删除此段代码

完成后,评论版块位于页面底部:


完成效果

操作中遇到困难请联系技术部同事。
有任何意见建议请联系技术部同事。

你可能感兴趣的:(【shopify】详情页评论版块位置调整)