前言
前阵子写了关于shopify的目录介绍,发现也有关注者。毕竟在国内关于shopify的二次开发者也很少,shopify官网的帮助中心关于企业二次开发的介绍也很少,所以在我在二次开发的路上也遇到了不少挫折,但是真正研究出来后发现其实前端二次开发很简单,只是我们没找到方法而已。好了,话不多说,我们进入正题。
如何引入css和js文件
1.打开shopify后台找到商店下面的模板
![b6831287505424ac150190588b14bf1f.png](https://img-blog.csdnimg.cn/img_convert/b6831287505424ac150190588b14bf1f.png)
2.点击模板->点击编辑->点击编辑代码
![3518f6bc3973abfa338ba60cac6398c3.png](https://img-blog.csdnimg.cn/img_convert/3518f6bc3973abfa338ba60cac6398c3.png)
3.找到Asset文件->点击新增asset
![cce8c084d8eeb054cc3c808a65639900.png](https://img-blog.csdnimg.cn/img_convert/cce8c084d8eeb054cc3c808a65639900.png)
4. 点击选择文件(这里选择你已经编辑好的的js/css文件)->点击上传资产
![f55219cd91529324eccf87404cee1752.png](https://img-blog.csdnimg.cn/img_convert/f55219cd91529324eccf87404cee1752.png)
5.找到Layout文件夹下的theme.liquid文件,点击打开
![f49c60c61597137689f56780b8da3dc1.png](https://img-blog.csdnimg.cn/img_convert/f49c60c61597137689f56780b8da3dc1.png)
6.引入css文件的话就按照下图的格式引入(参照好位置和格式)
![c8e35207ee3a1bc4c1f6a958d01541e2.png](https://img-blog.csdnimg.cn/img_convert/c8e35207ee3a1bc4c1f6a958d01541e2.png)
7.引入js的话就按照下图的方式(同样也是参照好位置和格式)
![01ec0945c5cf425ea252852a572264de.png](https://img-blog.csdnimg.cn/img_convert/01ec0945c5cf425ea252852a572264de.png)
其实到这也没啥了css和js 文件该怎么写还是怎么写,感谢大家的持续关注哦!