添加自定义CSS

对于具有编程背景的用户，SHOPLINE提供了一种方便的方式，使用自定义CSS来自定义您商店的外观。此功能允许您在全局主题和组件级别定制样式，提供对商店设计甚至第三方应用程序样式的细粒度控制。

自定义CSS限制

在使用自定义CSS时，请注意以下限制：

• 组件级别CSS：不支持at-rules。
• 全局主题CSS：仅允许以下at-rules：@color-profile、@font-face、@counter-style、@font-feature-values、@font-palette-values、@keyframes、@page、@property。
• URL使用：仅允许来自域https://*.myshopline.com的URL。
• 字符限制：
  • 全局主题自定义CSS：1500个字符
  • 组件级别自定义CSS：500个字符

如何添加自定义CSS

按照以下步骤实施您的自定义CSS：

1. 在您的管理面板中，转到【在线商店】>【店鋪设计】。单击【当前主题】模块内的【设计】按钮。
   
2. 在主题编辑器中，找到自定义CSS模块：
   • 全局主题：单击调色板图标以访问【主题设置】，并选择【自定义CSS】。
     
   • 组件级别：选择要自定义的特定组件，并找到【自定义CSS】模块。
     
     
3. 输入您的自定义CSS代码，然后单击【保存】以应用更改。