店面品牌

最近更新： 2025年5月5日
  • 主题：

创建对象：

  • 初学者
  • 中级
  • 管理员
  • 领导
  • 用户

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

店面品牌元素

上传您的徽标

标题中徽标的大小和位置由商店主题决定。 您的徽标可以保存为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。

    设计配置页

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

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

    标题设置

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

  5. 输入​ Logo Image Width ​和​ Logo Image Height ​像素。

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

  7. 完成后，单击​ Save Configuration。

添加收藏夹

Favicon ​是​ 收藏图标 ​的缩写，它是指每个浏览器页面选项卡上的小图标。 根据浏览器的不同，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. 在网格中，找到要配置的商店视图，然后单击​ Action ​列中的​ Edit。

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

    HTML头设置

  4. 如果要删除当前的favicon，请单击图像左下角的​ 删除 （ 垃圾桶图标 ）图标。

  5. 单击​ Upload ​并打开您准备的favicon文件。

    已上传Favicon

  6. 完成后，单击​ Save Configuration。

步骤3：刷新缓存

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

  2. 在列表中，选中标记为Invalidated的​ Page Cache ​复选框。

  3. 将​ Actions ​设置为Refresh并单击​ Submit。

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

更改欢迎消息

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

欢迎消息

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

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

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

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

    标题设置

  5. 完成后，单击​ Save Configuration。

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