shopify商店Supply模板网站图标和购物车设置步骤

2024-01-01 14:01:26
By 皮比墙厚

网站图标

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

  • 您的 Web 浏览器标签

  • 您的 Web 浏览器历史记录

  • 桌面上的图标

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

详细了解网站图标。

提示:

Supply 的建议网站图标大小为 16 x 16 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. 点击保存

购物车

使用 Supply,您可以自定义购物车页面以包含订单备注,并从四种购物车页面样式中进行选择。

访问购物车设置

PC:

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

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

  1. 点击模板设置

  2. 点击购物车

启用订单备注

使用 Supply,您可以在购物车页面提供一个字段,供客户添加订单备注。该字段可用于添加礼品消息、特殊要求和配送说明。

购物车类型

Supply 提供三种购物车类型:

  • 抽屉式 - 购物车从页面顶部向下滑动。当购物车关闭时,购物车文本会折叠起来。

  • 模态窗口 - 购物车会在一个弹出窗口中打开,该窗口显示在页面内容的顶部。点击 X 或点击弹出窗口外部即可关闭该弹出窗口。

  • 页面 - 购物车是您在线商店中的页面。客户通过点击标头中的购物车链接或将商品添加到购物车即可访问购物车页面。



苹果系统:

  1. 在 Shopify 应用中,轻触商店

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

  3. 轻触 Manage themes(管理模板)。

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

  5. 轻触编辑

  1. 点击模板设置

  2. 点击购物车

启用订单备注

使用 Supply,您可以在购物车页面提供一个字段,供客户添加订单备注。该字段可用于添加礼品消息、特殊要求和配送说明。

购物车类型

Supply 提供三种购物车类型:

  • 抽屉式 - 购物车从页面顶部向下滑动。当购物车关闭时,购物车文本会折叠起来。

  • 模态窗口 - 购物车会在一个弹出窗口中打开,该窗口显示在页面内容的顶部。点击 X 或点击弹出窗口外部即可关闭该弹出窗口。

  • 页面 - 购物车是您在线商店中的页面。客户通过点击标头中的购物车链接或将商品添加到购物车即可访问购物车页面。



安卓系统:

  1. 在 Shopify 应用中,轻触商店

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

  3. 轻触 Manage themes(管理模板)。

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

  5. 轻触编辑

  1. 点击模板设置

  2. 点击购物车

启用订单备注

使用 Supply,您可以在购物车页面提供一个字段,供客户添加订单备注。该字段可用于添加礼品消息、特殊要求和配送说明。

购物车类型

Supply 提供三种购物车类型:

  • 抽屉式 - 购物车从页面顶部向下滑动。当购物车关闭时,购物车文本会折叠起来。

  • 模态窗口 - 购物车会在一个弹出窗口中打开,该窗口显示在页面内容的顶部。点击 X 或点击弹出窗口外部即可关闭该弹出窗口。

  • 页面 - 购物车是您在线商店中的页面。客户通过点击标头中的购物车链接或将商品添加到购物车即可访问购物车页面。



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 Supply, 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 Supply, 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 Supply, 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.

Cart

With Supply, you can customize the cart page to include order notes, and select from four cart page styles.

Access the cart settings

PC:

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

  2. Next to Supply, click Customize.

  1. Click Theme settings.

  2. Click Cart.

Enable order notes

With Supply, you can provide a field on the cart page for customers to leave order notes, which can be used for gift messages, special requests, and delivery instructions.

Cart type

Supply offers three cart types:

  • Drawer - The cart slides down from the top of the page. When the cart is closed, the cart text appears to fold up.

  • Modal - The cart opens in a pop-up window that appears on top of the page content. The pop-up window can be dismissed by clicking the X or by clicking outside of the pop-up window.

  • Page - The cart is a page in your online store. Customers access the cart page by clicking the cart link in the header, or by adding an item to the cart.



iPhone:

  1. From the Shopify app, tap Store.

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

  3. Tap Manage themes.

  4. Next to Supply, tap Customize.

  5. Tap Edit.

  1. Click Theme settings.

  2. Click Cart.

Enable order notes

With Supply, you can provide a field on the cart page for customers to leave order notes, which can be used for gift messages, special requests, and delivery instructions.

Cart type

Supply offers three cart types:

  • Drawer - The cart slides down from the top of the page. When the cart is closed, the cart text appears to fold up.

  • Modal - The cart opens in a pop-up window that appears on top of the page content. The pop-up window can be dismissed by clicking the X or by clicking outside of the pop-up window.

  • Page - The cart is a page in your online store. Customers access the cart page by clicking the cart link in the header, or by adding an item to the cart.



Android:

  1. From the Shopify app, tap Store.

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

  3. Tap Manage themes.

  4. Next to Supply, tap Customize.

  5. Tap Edit.

  1. Click Theme settings.

  2. Click Cart.

Enable order notes

With Supply, you can provide a field on the cart page for customers to leave order notes, which can be used for gift messages, special requests, and delivery instructions.

Cart type

Supply offers three cart types:

  • Drawer - The cart slides down from the top of the page. When the cart is closed, the cart text appears to fold up.

  • Modal - The cart opens in a pop-up window that appears on top of the page content. The pop-up window can be dismissed by clicking the X or by clicking outside of the pop-up window.

  • Page - The cart is a page in your online store. Customers access the cart page by clicking the cart link in the header, or by adding an item to the cart.



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



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


常见问答(FQAS)


我的Shopify商店如何更改网站图标?

要更改网站图标,请登录您的Shopify管理后台。导航到“仪表盘-->主题”。找到您正在使用的主题并单击“编辑”。在主题编辑器中,导航到“变量-->主题特定变量”。在这里您可以更改“图标”变量并上传新网站图标。单击“保存”以保存更改。

我如何更改购物车按钮?

要更改购物车按钮,请登录管理后台。导航到\"主题\">\"资源组\"。找到名为\"购物车\"的资源组,点击\"编辑\"。更改\"HTML/CSS\"代码来自定义购物车按钮的外观。您可以更改其尺寸、颜色、位置等。完成后点击\"保存\"。购物车按钮将更新。

网站图标和购物车按钮如何同时更新?

您可以同时更新网站图标和购物车按钮。首先,登录管理后台并导航到\"主题\">\"编辑\"以打开主题编辑器。然后分别按上述步骤更改\"图标\"和\"购物车\"变量。编辑完后不要忘了点击\"保存\"。一键就可以同时更新网站图标和购物车按钮的样式。