給Shopify不同產(chǎn)品頁加銷量數(shù)據(jù)使用教程

大家知道，有銷量，有review的產(chǎn)品記錄，總是能讓買家產(chǎn)生購買安全感，但是Shopify上面根本找不到虛擬銷量的插件，所以很多賣家都對此犯愁，此文章教賣家認識Shopify代碼的調(diào)用。以及如何給產(chǎn)品添加虛擬銷量，且每個產(chǎn)品的銷量不一樣。（此方法適用于產(chǎn)品較少的產(chǎn)品頁，或者你給產(chǎn)品銷量較好的產(chǎn)品添加銷量）如下是添加好的銷量數(shù)據(jù)截圖。

修改之前，首先是認識這個產(chǎn)品頁面的代碼結(jié)構(gòu)；

我要把銷量加到價格旁邊，但是控制價格這一區(qū)域的代碼是在product-price.liquid文件里面，控制產(chǎn)品頁的具體內(nèi)容的代碼在product-template.liquid.控制產(chǎn)品整個頁面框架的代碼又在product.liquid文件里面，通過查看代碼結(jié)構(gòu)，我知道是通過 {% endction’代碼文件名’%} 與{% include ‘product-price’, variant: current_variant %} 這樣的代碼讓這3個文件之間實現(xiàn)調(diào)用。如下截圖所示；

為了防止意外，對現(xiàn)有的主題產(chǎn)生影響，我重新創(chuàng)建了上面的三個文件，分別命名為product-price-review1.liquid , product-template-review1 , product-review1.liquid.

讓他們?nèi)齻€主題產(chǎn)生關(guān)聯(lián)，分別修改了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’ %},

然后將適應(yīng)我主題的代碼插入到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>

最后一步，去產(chǎn)品編輯頁面，選擇對應(yīng)的產(chǎn)品模板，此時產(chǎn)品模板選擇框就會出現(xiàn)product-review1.liquid文件名，選擇此文件名，你在產(chǎn)品頁面把虛擬的銷量加成功了。

同理，對第二個產(chǎn)品加銷量，重復(fù)如下步驟，即可加成功。此方法適用于產(chǎn)品比較少的店鋪，或者只需要給少部分產(chǎn)品加銷量，因為此工作量大，創(chuàng)建太多文件且不好管理。下期分享通過JS代碼給產(chǎn)品加不同的虛擬銷量，適用于大量listing店鋪。

2019.09.09更新……………

有賣家提到，要給這個銷量加一個在一定范圍內(nèi)動態(tài)變化的銷量數(shù)據(jù)，所以我做了一個如下的js生成隨機數(shù)代碼，頁面刷新一次，里面的數(shù)據(jù)會在所設(shè)定的范圍內(nèi)變化。刷新頁面一次，數(shù)據(jù)隨機變化一次（這里我設(shè)置的數(shù)據(jù)是從1120-1125之間變化），你可以根據(jù)自己店鋪review個數(shù)自行設(shè)置相應(yīng)的數(shù)字。

   &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;">

<script type="text/javascript">

document.write(Math.floor(Math.random()*(1120-1125+1)+1125))</script> orders</span>