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的原创文章，尽在：“汪子熙”:

关于 SAP Spartacus 的 Theme 颜色主题相关推荐

Sublime-text theme 颜色主题
主题文件下载:Monokai.rar 替换办法: Preferences -> Browser packages -> Color Scheme - DefalutPreferences ...
SAP Spartacus 自定义 theme 实现思路
StackOverflow 讨论一个例子. /* You can add global styles to this file, and also import other style files ...
如何自定义SAP Spartacus店铺的界面颜色风格
SAP Spartacus电商页面默认的颜色风格: 注意下图红色高亮部分的颜色风格: 在项目文件夹的style.scss里,添加如下代码片段: :root {--cx-color-primary: b ...
SAP Fiori 的 UI 新主题 Horizon
SAP's UI Technologies supporting the new Horizon visual theme of SAP Fiori SAP 正在转变我们的设计和开发文化,更加专注于帮 ...
SAP Spartacus 的 CSS 架构
在 Angular 中,组件的 CSS 样式被封装进了自己的视图中,而不会影响到应用程序的其它部分. 通过在组件的元数据上设置视图封装模式,你可以分别控制每个组件的封装模式. 可选的封装模式一共有如下 ...
给基于SAP Spartacus 3.4.1 版本的 Storefront 添加对服务器端渲染的支持
这个 Storefront 的本地地址:C:\Code\SPA\spa3.1\mystore31 基于的 SAP Spartacus 版本:大于 3.1.3,小于 4.0: 查看 package-lo ...
Jerry在2020 SAP全球技术大会的分享：SAP Spartacus技术介绍的文字版
这是Jerry 2020年的第86篇文章,也是汪子熙公众号总共第268篇原创文章. 这篇文章的视频版本如下: https://v.qq.com/x/page/b3212l6kqvg.html 这个分享 ...
一个方便的颜色主题组件
代码地址如下: http://www.demodashi.com/demo/12376.html 演示效果切换 ECharts 图表主题项目文件结构截图代码实现过程首先,我们必须得熟练使用 b ...
android白色暗色主题,使用Kotlin开发Android应用(12) - Dark theme 暗色主题
Dark theme 暗色主题样式和主题样式是一个属性集合,用于指定单个 View 的外观. 样式可以指定字体颜色.字号.背景颜色等属性. 主题背景是一种应用于整个应用.Activity 或视图层 ...

关于 SAP Spartacus 的 Theme 颜色主题

Changing the Storefront Theme Dynamically

关于 SAP Spartacus 的 Theme 颜色主题相关推荐

最新文章

热门文章