主题

主题是确定商店视觉呈现方式的文件集合。 首次安装Commerce时,存储的设计元素基于​ Default ​主题。 除了Commerce安装随附的初始默认主题之外,还有各种可用的主题,您可以将​ 作为 ​使用,或者根据需要进行修改。

响应式主题调整页面布局以适合设备的视图端口。 示例​ Luma ​主题具有灵活的响应式布局,可从桌面、平板电脑或移动设备查看。

Commerce主题包括布局文件、模板文件、翻译文件和外观。 外观是支持CSS、图像和JavaScript文件的集合,这些文件共同创建了客户在访问您的商店时体验的可视展示和交互。 理解Commerce主题设计且具有服务器访问权限的开发人员或设计专业人士可以修改和自定义主题和外观。 若要了解更多信息,请参阅​ 前端开发人员指南

Luma主题

默认主题

Magento Blank响应式主题呈现不同设备的店面显示,并整合了桌面、表格和移动设备的最佳实践。 某些主题仅设计用于特定设备。 当Commerce检测到特定浏览器ID或用户代理时,它会使用为特定浏览器配置的主题。 搜索字符串还可以包含与Perl兼容的正则表达式(PCRE)。

主题

筛选主题网格

  1. 在​ 管理员 ​侧边栏上,转到​ Content > Design>Themes

  2. 单击​ Filters

  3. 输入ID范围、主题名称(或标题)、文件夹路径或父主题。

  4. 单击​ Apply Filters ​以更新主题列表。

查看当前主题设置

  1. 在​ 管理员 ​侧边栏上,转到​ Content > Design>Themes

  2. 在已安装的主题列表中,找到要检查的主题,然后单击行以显示设置。

  3. 要查看示例页面,请单击​ Theme Preview Image

预览主题

应用默认主题

  1. 在​ 管理员 ​侧边栏上,转到​ Content > Design>Configuration

  2. 查找要配置的商店视图,然后单击​ Action ​列中的​ Edit

  3. 在​ Default Theme ​下,将​ Applied Theme ​设置为要用于当前视图的。

    应用的主题 {width="600" modal="regular"}

  4. 完成后,单击​ Save Configuration

添加用户代理规则

  1. 在​ 管理员 ​侧边栏上,转到​ Content > Design>Configuration

  2. 在​ Design Rule ​下,单击​ Add New User Agent Rule

    设计规则 {width="600" modal="regular"}

  3. 对于​ Search String,输入特定设备的浏览器ID。

    搜索字符串按输入顺序进行匹配。 例如,对于Firefox,输入:

    /^mozilla/i

  4. 要输入其他设备,请重复此过程。

  5. 完成后,单击​ Save Configuration

recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de