网站建设 社群运营 【微商商家交流群】如何修改shopify模板里面的CSS?

【微商商家交流群】如何修改shopify模板里面的CSS?

中企动力企业交流群

虽然Shopify提供了许多定制商店主题设计的方法,但其大多数定制选项都是有限的。有一些方法可以绕过商店的限制,这就需要修改我们的主题模板代码才行。

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

1、登录你的shopify后台。

Shopify后台自带内置的模板编辑器,可以方便你自定义商店模板的设计。

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

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

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

4、添加你的CSS

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

中企动力企业交流群

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。 如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章

以上产品还未完全满足我的所有需求,在下方提交我的专属需求
我的专属需求:
*手机号:
*验证码:
img
咨询报价
现在咨询