如何修改shopify模板里面的CSS?

有时候,我们想让店铺增加一些样式效果。如果你不是一个web开发者,你可能不知道如何修改,所以这篇文章将分享一些如何去修改它。

1、登录你的shopify后台。

2、在左侧菜单点击在线商店,模板,然后在右侧点击编辑代码。

如何修改shopify模板里面的CSS?

 

3、在左侧的编辑界面中,找到Assets目录,里面的文件theme.scss.liquid或者theme.css.liquid,不同的主题用的文件名称可能不同。

如何修改shopify模板里面的CSS?

 

现在很多模板都使用SCSS来写CSS样式,如果没有找到theme.scss.liquid或者theme.css.liquid,那么看一下以.scss.liquid或者.css.liquid结尾的文件,这个文件就是你要修改css的文件。

4、添加你的CSS

注意:为了避免破坏现有的CSS,我建议把你的CSS添加到文件的最后面。

 

上一篇:Three.js Example 注解 —— webgl_voxels_liquid.html


下一篇:php – MySQL:查询带有关系的排行榜