给Shopify不同产品页加销量数据使用教程

小提示：您能找到这篇{给Shopify不同产品页加销量数据使用教程}绝对不是偶然，我们能帮您找到潜在客户，解决您的困扰。如果您对本页介绍的给Shopify不同产品页加销量数据使用教程内容感兴趣，有相关需求意向欢迎拨打我们的服务热线，或留言咨询，我们将第一时间联系您！

< ">大家知道，有销量，有review的产品记录，总是能让买家产生购买安全感，但是Shopify上面根本找不到虚拟销量的插件，所以很多卖家都对此犯愁，此文章教卖家认识Shopify代码的调用。以及如何给产品添加虚拟销量，且每个产品的销量不一样。（此方法适用于产品较少的产品页，或者你给产品销量较好的产品添加销量）如下是添加好的销量数据截图。

< ">

< font-size: 16px;">修改之前，首先是认识这个产品页面的代码山东代运营好不好结构；

< font-size: 16px;">我要把销量加到价格旁边，但是控制价格这一区域的代码是在product-price.liquid文件里面，控制产品页的具体内容的代码在product-template.liquid.控制产品整个页面框架的代码又在product.liquid文件里面，通过查看代码结构，我知道是通过 {% endction’代码华扬联众广告文件名’%} 与{% include ‘product-price’, variant: current_variant %} 这样的代码让这3个文件之间实现调用。如下截图所示；

< font-size: 16px;">

< font-size: 16px;">为了防止意外，对现有的主题产生影响，我重新创建了上面的三个文件，分别命名为product-price-review1.liquid , product-template-review1 , product-review1.liquid.

< font-size: 16px;">让他们三个主题产生关联，分别修改了product-template-review1.liquid文件里面的{% include ‘product-price’, variant: current_variant %} 为{% include ‘product-price-review1’, variant: current_variant %},然后修改product-price.liquid文件里面的{% endction ‘product-template’ %}为{% endction ‘product-template-review1’ %},

< font-size: 16px;">然后将适应我主题的代码插入到product-price.liquid文件的如图所示位置,然后保存，代码： &nbsp&nbsp&nbsp<img src=”https://cdn.shopify.com/s/files/1/0087/4309/2286/files/five_stars.png?5908″ width=”79px” style=”margin-bottom:5px;”>&nbsp<span style=”line-height:21px;color:#2e2e2e;”>1125 orders</span>

< font-size: 16px;">

< font-size: 16px;">

< font-size: 16px;">最后一步，去产品编辑页面，选择对应的产品模板，此时产品模板选择框就会出现product-review1.liquid文件名，选择此文件名，你在产品页面把虚拟的销量加成功了。

< font-size: 16px;">同理，对第二个产品加销量，重复如下步骤，即可加成功。此方法适用于产品比较少的店铺，或者只需要给少部分产品加销量，因为此工作量大，创建太多文件且不好管理。下期分享通过JS代码给产品加不同的虚拟销量，适用于大量listing店铺。

< font-size: 16px;">2019.09.09更新……………

< font-size: 16px;">有卖家提到，要给这个销量加一个在一定范围内动态变化的销量数据，所以我做了一个如下的js生成随机数代码，页面刷新一次，里面的数据会在所设定的范围内变化。刷新页面一次，数据随机变化一次（这里我设置的数据是从1120-1125之间变化），你可以根据自己店铺review个数自行设置相应的数字。

< font-size: 16px;">   &nbsp&nbsp&nbsp<img src="https://cdn.shopify.com/s/files/1/0087/4309/2286/files/five_stars.png?5908" width="79px" style="margin-bottom:5px;">&nbsp<span style="line-height:21px;color:#2e2e2e;">

< font-size: 16px;"><script type="text/javascript">

< font-size: 16px;">document.write(Math.floor(Math.random()*(1120-1125+1)+1125))</script> orders</span>