Storefront Themes

Spartacus 包括两个店面主题，Sparta 和 Santorini。 每个主题都有不同的字体大小和颜色。 斯巴达主题以红色和字体为特色，而圣托里尼主题以蓝色和字体为特色。 默认情况下启用 Sparta 主题，但您可以随时动态切换到 Santorini 主题，如下面的过程所述。

以下是启用了圣托里尼主题的 Spartacus 产品页面示例：

Changing the Storefront Theme Dynamically

(1) 登录 Backoffice 并单击 WCMS -> 网站。

选择您要更改其主题的 Spartacus 站点（例如，Spartacus Electronics 站点）。

(2) 在出现的属性面板中，向下滚动到 base configuration，然后在主题下拉列表中，选择一个新主题，例如 Santorini。

单击保存。

(3) 如果您启用了 Santorini 主题，请在您的 style.scss 文件中，在主要 Spartacus 样式导入下方，添加以下导入：

@import '~@spartacus/styles/scss/theme/santorini';

如果您正在创建新店面，您可以使用 Schematics --theme= 标志来指定要应用于店面的主题。 这会自动将样式导入添加到您的 styles.scss 文件中。 以下是使用 --theme 标志启用 Santorini 主题的 Schematics 命令示例：

ng add @spartacus/schematics --theme=santorini

更多Jerry的原创文章，尽在："汪子熙":