最近有卖家让出一个给产品图添加折扣，促销，New Arrival等信息的图标主题修改教程，为了满足这样的需求，做了一个兼容电脑和手机端的代码添加教程，教程是以Shoify免费主题debut为例做的，
问：为什么要折腾代码添加图标呢？APP不是也可以搞定吗？
答案：这个问题我重复了很多次，Shopify添加的APP，免费的不够用，很多不能自定义位置，颜色，文字等等。收费的源码又在APP服务商哪里，加载时候又会拖慢网速；所以为了解决这个纠结，我就做了此教程，方便拿去使用；
代码添加先看做好后的效果；
手机端效果：
电脑端效果：
如果你还觉得不错，就继续往下看，教你一步步添加这样的图片，
要添加的代码如下：
Tips:You can change the code before run.
第一步：在主题代码编辑模式下，在Sections类目下找到product-template.liquid文件，如下图所示：
第二步：将上面的代码片段1复制黏贴到如下图位置，将代码片段2复制黏贴到如下图所示最上部位置，然后保存。
第三步：查看产品页面，根据自己需求调整位置，更换图标；
如果想更换图标样式，只需要更换代码片段1里面的图片链接即可；这里提供一些常用的矢量折扣图标，如下图所示，进入Shoify教你撸代码QQ群：767070832*载下**矢量高清图
如果要调整图标在电脑端，以及手机端的位置。只需要更改手机端以及电脑端的CSS代码中的margin-top以及margin-left的像素值；
