文档Commerce快速入门

店面品牌

Last update: Tue Nov 28 2023 00:00:00 GMT+0000 (Coordinated Universal Time)
  • 主题：

创建对象：

  • undefined
  • undefined
  • undefined
  • undefined
  • undefined

您首先要做的事情之一是 更改徽标 在标题和 上传收藏夹 对于浏览器。 接下来，您应该 添加您的欢迎消息 和 更新版权声明 在页脚中。 这些任务就是一些您可以立即处理的简单设计元素。 当您的商店处于开发状态时，您可以 打开商店演示通知，然后在准备启动时将其删除。

店面品牌元素

上传您的徽标

标题中徽标的大小和位置由商店主题决定。 您的徽标可以保存为GIF、PNG或JPG(JPEG)文件类型，并可从您的商店管理员处上传。

标题中的徽标

徽标图像位于服务器上的以下位置。 任何名为的图像文件 logo.svg 用作默认主题徽标。

完整路径 — app/design/frontend/[vendor]/[theme]/web/images/logo.svg

相对路径 — images/logo.svg

如果您不知道主题中使用的徽标或其他图像的大小，请在浏览器中打开该页面，右键单击图像，然后检查该元素。

NOTE
除了标题中的徽标外，您的徽标也会出现在 电子邮件模板 及于 PDF发票 和其他销售文件。 用于电子邮件模板和发票的徽标具有不同的大小要求，必须单独上传。

支持的徽标文件格式：

文件格式
描述
PNG
（可移植网络图形）此较新的GIF格式替代方案最多支持1600万色（24位）。 无损压缩格式会生成具有清晰文本的高质量位图图像，但文件大小比某些格式大。 PNG格式支持透明层，并设计用于在线查看和流式传输。
GIF
（图形交换格式）广泛支持且较旧的位图格式，限制为256色（8位）。 GIF格式支持简单动画和透明图层。
JPG(JPEG)
（联合照相专家组）大多数数码相机使用的压缩位图格式。 有损压缩会导致一些数据丢失，有时由于文本中的模糊点而变得非常明显。

  1. 在 管理员 侧栏，转到 Content > Design>Configuration.

    设计配置页面 {width="700"}

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

  3. 展开 扩展选择器 该 Header 部分。

    标题设置 {width="600"}

  4. 要上传新徽标，请单击 Upload 并从系统中选择文件。

  5. 输入 Logo Image Width 和 Logo Image Height 以像素为单位。

  6. 对象 Logo Image Alt，输入当有人将鼠标悬停在该图像上时要显示的文本。

  7. 完成后，单击 Save Configuration.

添加收藏夹

法维孔 是缩写 收藏图标 和是指每个浏览器页面选项卡上的小图标。 根据浏览器的不同，Favicon也会显示在地址栏中，位于URL的前面。

Favicon通常为16 x 16像素或32 x 32像素。 Commerce 接受ICO、PNG、APNG、GIF和JPG(JPEG)文件类型，尽管并非所有浏览器都支持这些格式。 Favicon最受支持的文件格式是ICO。 您可以使用其他图像文件类型，但并非所有浏览器都支持该格式。 有许多可用的在线工具，可用于生成ICO图像或将图像转换为该格式。

浏览器选项卡中的Favicon

Commerce 支持以下文件格式作为favicon：

文件格式
描述
图标
此图像文件格式专为小型计算机图标图像而设计。 ICO格式主要用于Microsoft® Windows操作系统，它最多可包含256 x 256像素和1600万色（24位）的图像，具有8位透明度。
PNG
（可移植网络图形）此较新的GIF格式替代方案最多支持1600万色（24位）。 无损压缩格式会生成具有清晰文本的高质量位图图像，但文件大小比某些格式大。 PNG格式支持透明层，并设计用于在线查看和流式传输。
APNG
（可移植网络图形动画）一种与PNG相似的文件格式，它支持简单动画。
GIF
（图形交换格式）广泛支持且较旧的位图格式，限制为256色（8位）。 GIF格式支持简单动画和透明图层。
JPG(JPEG)
（联合照相专家组）大多数数码相机使用的压缩位图格式。 有损压缩会导致一些数据丢失，有时由于文本中的模糊点而变得非常明显。

步骤1：创建Favicon

  1. 使用您选择的图像编辑器创建徽标的16 x 16或32 x 32图形图像。

  2. （可选）使用一种可用的联机工具将文件转换为.ico格式并将文件保存到计算机。

步骤2：将favicon上传到您的商店

  1. 在 管理员 侧栏，转到 Content > Design>Configuration.

  2. 在网格中，找到要配置的商店视图，然后单击 Edit 在 Action ​列。

  3. 下 Other Settings，展开 扩展选择器 该​ HTML Head ​部分。

    HTML头设置 {width="600"}

  4. 如果要删除当前的Favicon，请单击 删除 ( “垃圾桶”图标 )图标。

  5. 单击 Upload 打开你准备的法维森文件。

    已上传favicon {width="400"}

  6. 完成后，单击 Save Configuration.

步骤3：刷新缓存

  1. 提示刷新缓存时，单击 Cache Management 工作区顶部消息中的链接。

  2. 在列表中，选择 Page Cache 已标记的复选框 Invalidated.

  3. 设置 Actions 到 Refresh 并单击 Submit.

  4. 要查看新的收藏夹，请返回店面并刷新浏览器。

更改欢迎消息

标头中的欢迎消息将展开以包含已登录的客户名称。 在启动商店之前，请务必更改默认值 欢迎 每个商店视图的文本。

欢迎消息

  1. 在 管理员 侧栏，转到 Content > Design>Configuration.

  2. 在网格中，找到要配置的商店视图，然后单击 Edit 在 Action ​列。

  3. 下 Other Settings，展开 扩展选择器 该​ Header ​部分。

  4. 对象 Welcome Text，输入要显示在商店标题中的欢迎消息文本。

    标题设置 {width="600"}

  5. 完成后，单击 Save Configuration.

  6. 提示更新页面缓存时，单击 Cache Management 工作区顶部的链接，并按照说明刷新缓存。

更改版权声明

您的商店在每页的页脚中显示版权声明。 作为最佳实践，版权声明应包含当前年份，并将您的公司标识为网站上内容的合法所有者。

版权声明示例

此 © 字符代码用于插入版权符号，如以下示例所示：

  • 长格式示例

    Copyright © 2013-present Luma, Inc. All rights reserved.

  • 短格式示例

    © 2021 Luma, Inc. All rights reserved.

更新版权声明：

  1. 在 管理员 侧栏，转到 Content > Design>Configuration.

  2. 在网格中，找到要配置的商店视图，然后单击 Edit 在 Action ​列。

  3. 下 其他设置，展开 扩展选择器 该 Footer 部分。

    页脚设计设置 {width="600"}

  4. 对象 Copyright，输入您希望在每个页面的页脚中显示的版权声明。

    使用 © 用于插入版权符号的字符代码。

  5. 完成后，单击 Save Configuration.

设置商店演示通知

如果您的商店在线上，但仍处于建设阶段，则可以在页面顶部显示商店演示通知，以告知用户该商店尚未开业。 当您准备好时 上线，只需删除消息即可。 这就像把窗上挂着的告示牌翻过来 已关闭 到 打开. 演示通知的格式由商店的主题决定。

店面演示通知

  1. 在 管理员 侧栏，转到 Content > Design>Configuration.

  2. 在网格中，找到要配置的商店视图，然后单击 Edit 在 Action ​列。

  3. 下 Other Settings，展开 扩展选择器 该​ HTML Head ​部分。

    HTML头 {width="600"}

  4. 向下滚动到底部并设置 Display Demo Store Notice 按你的喜好去做。

  5. 完成后，单击 Save Configuration.

  6. 如果提示您更新缓存，请单击 Cache Management 并按照说明刷新缓存。

recommendation-more-help
31746fd0-1ead-45b5-9192-1aaf582c5f66