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

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

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

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

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

讓他們?nèi)齻€(gè)主題產(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è)面，選擇對(duì)應(yīng)的產(chǎn)品模板，此時(shí)產(chǎn)品模板選擇框就會(huì)出現(xiàn)product-review1.liquid文件名，選擇此文件名，你在產(chǎn)品頁(yè)面把虛擬的銷量加成功了。

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

2019.09.09更新……………

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