Shopify免费产品评价应用 Product Review安装和设置教程

 

Product Review是Shopify官方出品的一款完全免费的Review应用。如果你前期预算有限，可以先使用Product Review这个应用为你的网站添加评价功能，和其他产品评价插件相比，Product Review的功能相对简单，中规中矩，不过也能满足用户的基本需求，等到后面如果需要更多的功能，例如在Reivew中插入图片，一键导入亚马逊速卖通的产品评价等等功能的话，再换成其他功能更加强大的Review应用如Loox，Ryviu等等。

 

安装过程很简单，直接在Shopify的应用市场搜索Product Review然后安装即可，如下图所示。

 

 

插件安装成功之后，还需要你自己修改主题的代码让Review版块正常显示到网站前台产品页面中，而其他同类型插件都可以完成自动修改主题代码，虽然Product Review提供了如下图所示的代码安装教程，不过对于大部分朋友来说，仍然要花不少时间才能正确完成代码的添加，因此Product Review这个应用显得就没有那么的人性化了。

 

 

不过如果你对代码一无所知，如果你用的是Shopify的免费或者主题，建议你联系Shopify的客服帮你修改下面的代码，如果你用的是第三方主题，也可以尝试联系Shopify的客服或者主题的开发者帮你完成插件代码的修改。对他们来说可能一分钟不到就可以帮你搞定，你就没有必要再去花时间研究这个东西了，而且如果没有经验你搞一天都未必能够搞的定。

 

另外，下面的所有演示操作都是基于Shopify免费主题Brooklyn的，如果你用的是其他主题，要修改的主题文件以及代码位置大概率上会有所不同。所以以下操作仅供参考，还是那句话，让客服帮你搞定下面的操作是最高效，最佳的解决办法。

 

代码的安装分三个部分：

 

插入代码将Review主版块添加到产品页面中

插入代码将Review Rating Star添加到产品标题的下方

插入代码将Review Rating Star添加到分类页面产品标题下方

 

插入代码将Review主版块添加到产品页面中

 

Brooklyn主题，依次打开 Online Store - Themes - Actions - Edit Code，然后找到文件夹 Sections 下的文件 product-template.liquid, 在文件内搜索“description”，按照Product Review提供的教程找到如下所示代码行，并将其提供的代码插入到指定位置。保存文件即可。

 

          <div class="product-single__description rte" itemprop="description">

            { { product.description }}

          </div>

          

          <div id="shopify-product-reviews" data-id="{ {product.id}}">{ { product.metafields.spr.reviews }}</div>

 

          {% if section.settings.social_sharing_products %}

            {% include 'social-sharing', share_title: product.title, share_permalink: product.url, share_image: product.featured_media %}

          {% endif %}

 

在上面的代码中，红色部分代码就是我们插入的 产品评价 版块的代码，蓝色部分内容就是产品页面产品描述版块的代码。产品评价代码在产品描述代码的下方，因此在前台产品页面显示中