shopify商店Debut模板自定义网站图标和购物车步骤

网站图标

您可以添加帮助您建立在线商店品牌的网站图标。网站图标会显示在以下位置：

• 您的 Web 浏览器标签

• 您的 Web 浏览器历史记录

• 桌面上的图标

• 添加为书签后，会显示在您的在线商店名称旁

详细了解网站图标。

提示：

建议的网站图标大小为 32 x 32 px。更大的图片可能缩小为 32 x 32 px，具体取决于您使用的模板。

自定义您的网站图标

PC：

1. 在 Shopify 后台中，转到在线商店 > 模板。

2. 点击 的模板设置 旁边的自定义。

1. 点击模板设置。

2. 点击网站图标。

3. 在网站图标图片区域中，点击选择图片，然后执行以下操作之一：

• 若要选择已上传到 Shopify 后台的图片，请点击库选项卡。

• 若要从本地计算机选择图片，请点击库选项卡，然后点击上传。

4. 将替代文本添加到网站图标图片：

1. 点击编辑。

2. 在编辑图片窗口中，输入该图片的简要说明。

3. 点击保存。

5. 点击保存。

苹果系统：

1. 在 Shopify 应用中，轻触商店。

2. 在销售渠道部分，轻触在线商店。

3. 轻触 Manage themes（管理模板）。

4. 在 的模板设置 旁边，轻触自定义。

5. 轻触编辑。

1. 点击模板设置。

2. 点击网站图标。

3. 在网站图标图片区域中，点击选择图片，然后执行以下操作之一：

• 若要选择已上传到 Shopify 后台的图片，请点击库选项卡。

• 若要从本地计算机选择图片，请点击库选项卡，然后点击上传。

4. 将替代文本添加到网站图标图片：

1. 点击编辑。

2. 在编辑图片窗口中，输入该图片的简要说明。

3. 点击保存。

5. 点击保存。

安卓系统：

1. 在 Shopify 应用中，轻触商店。

2. 在销售渠道部分，轻触在线商店。

3. 轻触 Manage themes（管理模板）。

4. 在 的模板设置 旁边，轻触自定义。

5. 轻触编辑。

1. 点击模板设置。

2. 点击网站图标。

3. 在网站图标图片区域中，点击选择图片，然后执行以下操作之一：

• 若要选择已上传到 Shopify 后台的图片，请点击库选项卡。

• 若要从本地计算机选择图片，请点击库选项卡，然后点击上传。

4. 将替代文本添加到网站图标图片：

1. 点击编辑。

2. 在编辑图片窗口中，输入该图片的简要说明。

3. 点击保存。

5. 点击保存。

“添加到购物车”通知

当客户将产品添加到购物车时，您可以显示包含购物车页面链接的通知。

如果禁用此通知，将商品添加到购物车后，客户将直接进入购物车页面。

启用“添加到购物车”通知

PC：

1. 在 Shopify 后台中，转到在线商店 > 模板。

2. 点击 的模板设置 旁边的自定义。

1. 点击模板设置。

2. 点击“添加到购物车”通知。

3. 选择是否启用将产品添加到购物车时显示通知设置。

4. 点击保存。

苹果系统：

1. 在 Shopify 应用中，轻触商店。

2. 在销售渠道部分，轻触在线商店。

3. 轻触 Manage themes（管理模板）。

4. 在 的模板设置 旁边，轻触自定义。

5. 轻触编辑。

1. 点击模板设置。

2. 点击“添加到购物车”通知。

3. 选择是否启用将产品添加到购物车时显示通知设置。

4. 点击保存。

安卓系统：

1. 在 Shopify 应用中，轻触商店。

2. 在销售渠道部分，轻触在线商店。

3. 轻触 Manage themes（管理模板）。

4. 在 的模板设置 旁边，轻触自定义。

5. 轻触编辑。

1. 点击模板设置。

2. 点击“添加到购物车”通知。

3. 选择是否启用将产品添加到购物车时显示通知设置。

4. 点击保存。

Shopify商户官网原文详情：

Favicon

You can add a favorites icon, or a favicon, which can help to brand your online store. A favicon shows in the following places:

• your web browser tab

• your web browser's history

• icons on your desktop

• beside your online store name when it is bookmarked

Learn more about favicons.

Customize your favicon

PC:

1. From your Shopify admin, go to Online Store > Themes.

2. Next to Debut, click Customize.

1. Click Theme settings.

2. Click Favicon.

3. In the Favicon image area, click Select image, and then do one of the following:

• To select an image that you have already uploaded to your Shopify admin, click the Library tab.

• To select an image from your local computer, click the Library tab, and then click Upload.

4. Add alt text to your favicon image:

1. Click Edit.

2. In the Edit image window, enter a brief description of the image.

3. Click Save.

5. Click Save.

iPhone：

1. From the Shopify app, tap Store.

2. In the Sales channels section, tap Online Store.

3. Tap Manage themes.

4. Next to Debut, tap Customize.

5. Tap Edit.

1. Click Theme settings.

2. Click Favicon.

3. In the Favicon image area, click Select image, and then do one of the following:

• To select an image that you have already uploaded to your Shopify admin, click the Library tab.

• To select an image from your local computer, click the Library tab, and then click Upload.

4. Add alt text to your favicon image:

1. Click Edit.

2. In the Edit image window, enter a brief description of the image.

3. Click Save.

5. Click Save.

Android：

1. From the Shopify app, tap Store.

2. In the Sales channels section, tap Online Store.

3. Tap Manage themes.

4. Next to Debut, tap Customize.

5. Tap Edit.

1. Click Theme settings.

2. Click Favicon.

3. In the Favicon image area, click Select image, and then do one of the following:

• To select an image that you have already uploaded to your Shopify admin, click the Library tab.

• To select an image from your local computer, click the Library tab, and then click Upload.

4. Add alt text to your favicon image:

1. Click Edit.

2. In the Edit image window, enter a brief description of the image.

3. Click Save.

5. Click Save.

Add to cart notification

You can display a notification with a link to the cart page when customers add items to their cart.

If this notification is disabled, then customers are taken directly to the cart page after adding an item to their cart.

Enable the add to cart notification

PC：

1. From your Shopify admin, go to Online Store > Themes.

2. Next to Debut, click Customize.

1. Click Theme settings.

2. Click Add to cart notification.

3. Choose whether to enable the Show notification when item is added to cart setting.

4. Click Save.

iPhone：

1. From the Shopify app, tap Store.

2. In the Sales channels section, tap Online Store.

3. Tap Manage themes.

4. Next to Debut, tap Customize.

5. Tap Edit.

1. Click Theme settings.

2. Click Add to cart notification.

3. Choose whether to enable the Show notification when item is added to cart setting.

4. Click Save.

Android：

1. From the Shopify app, tap Store.

2. In the Sales channels section, tap Online Store.

3. Tap Manage themes.

4. Next to Debut, tap Customize.

5. Tap Edit.

1. Click Theme settings.

2. Click Add to cart notification.

3. Choose whether to enable the Show notification when item is added to cart setting.

4. Click Save.

文章内容来源：Shopify商户官方网站

（本文内容根据网络资料整理和来自用户投稿，出于传递更多信息之目的，不代表本站其观点和立场。本站不具备任何原创保护和所有权，也不对其真实性、可靠性承担任何法律责任，特此声明！）

常见问答(FQAS)

你可以自定义网站图标的方式是上传自己想要的图标文件到商店设置中的\"网站与SEO\"下的\"通用网站图标\"部分。支持的文件格式包括PNG和ICO。上传完成后,新的网站图标将在浏览器标签和收藏夹中显示。

Debut主题默认已经预设了购物车按钮组件,你只需要编辑页面布局,将购物车组件拖放到页面即可显示购物车按钮。如果你想更改按钮的样式,可以自定义购物车组件的CSS代码。

购物车数量来源于用户所添加到购物车中的商品数量总和。一旦用户加入产品到购物车,产品数量就会实时累计在购物车组件中显示。你不需要做任何设置就可以正常显示购物车数量。

你可以通过登录商店管理面板的\"设置\"选项卡中的\" general settings\"进行网站或店铺信息的设置和修改,包括网站标题,描述,关键词等metada。修改完成后,信息将自动在整个网站中的相关位置实时更新。