标头

模板的标头是显示在您商店中每个页面顶部的分区。 您可以在标头中自定义以下项目:

  • Logo 图片

  • 网站地图菜单

  • 公告栏

添加自定义 logo

您可以将自定义 logo 图片添加到商店的标头中。最佳格式是具有透明背景的 .png 文件。您可以通过增大或减小宽度来调整 logo 图片。

如果您不添加 logo 图片,则您的商店名称将显示为文本。您可以在 Shopify 后台的商店详细信息设置页面上更改您的商店名称。

  • 自定义 logo 宽度(以像素为单位):logo 的宽度。

添加和配置 logo

PC:

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

  2. 点击 的分区 旁边的自定义

  1. 点击标头

  2. 在 logo 图片区域中,点击选择图片,然后执行以下操作之一:

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

    • 若要从本地计算机选择图片,请依次点击 > 上传

  3. 使用设置来自定义 logo 的大小和位置。

  4. 点击保存

添加公告栏

您可以在标头中添加公告栏,以便使用该栏向客户显示消息。您的消息是可以自定义的,并且可以包含联系信息、有关商店活动或促销的信息,或者商店的标语。

苹果系统:

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

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

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

  4. 在 的分区 旁边,轻触自定义

  5. 轻触编辑

  1. 点击标头

  2. 在 logo 图片区域中,点击选择图片,然后执行以下操作之一:

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

    • 若要从本地计算机选择图片,请依次点击 > 上传

  3. 使用设置来自定义 logo 的大小和位置。

  4. 点击保存

添加公告栏

您可以在标头中添加公告栏,以便使用该栏向客户显示消息。您的消息是可以自定义的,并且可以包含联系信息、有关商店活动或促销的信息,或者商店的标语。

安卓系统:

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

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

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

  4. 在 的分区 旁边,轻触自定义

  5. 轻触编辑

  1. 点击标头

  2. 在 logo 图片区域中,点击选择图片,然后执行以下操作之一:

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

    • 若要从本地计算机选择图片,请依次点击 > 上传

  3. 使用设置来自定义 logo 的大小和位置。

  4. 点击保存

添加公告栏

您可以在标头中添加公告栏,以便使用该栏向客户显示消息。您的消息是可以自定义的,并且可以包含联系信息、有关商店活动或促销的信息,或者商店的标语。


PC:

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

  2. 点击 的分区 旁边的自定义

  1. 点击标头

  2. 公告栏区域中,选中显示公告

  3. 输入您的公告的文本。

  4. 可选:输入 URL 以添加您的公告链接。

  5. 点击保存

苹果系统:

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

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

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

  4. 在 的分区 旁边,轻触自定义

  5. 轻触编辑

  1. 点击标头

  2. 公告栏区域中,选中显示公告

  3. 输入您的公告的文本。

  4. 可选:输入 URL 以添加您的公告链接。

  5. 点击保存

安卓系统:

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

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

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

  4. 在 的分区 旁边,轻触自定义

  5. 轻触编辑

  1. 点击标头

  2. 公告栏区域中,选中显示公告

  3. 输入您的公告的文本。

  4. 可选:输入 URL 以添加您的公告链接。

  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. 点击保存

在菜单中显示或隐藏产品系列图片

您可以在 Venture 下拉菜单中显示产品集合中的产品的图片。如果客户在菜单中看到其喜欢的商品,他们可以直接前往产品页面,而无需在产品系列页面查找该商品。

若要显示产品系列中的产品图片,您的菜单必须符合以下条件:

  • 您的菜单必须包含嵌套菜单项。

  • 顶级产品必须是产品系列。

  • 将顶级产品系列添加到菜单时,您必须从链接菜单中进行选择。如果您在链接字段中手动输入产品系列 URL,则不会显示图片。

如果您的菜单不符合这些条件,那么顶部导航菜单将显示链接,而不是产品图片。

若要隐藏嵌套菜单顶层的产品图片,请手动在链接字段中输入该产品系列 URL。

Shopify商户官网原文详情:

Header

Your theme's header is the section that appears at the top of every page in your store. You can customize the following items in your header:

  • A logo image

  • A navigation menu

  • An announcement bar

Add a custom logo

You can add a custom logo image to your store's header. The best format is a .png file with a transparent background. You can resize the logo image by increasing or decreasing the width.

If you don't add a logo image, then your store name is displayed as text. You can change your store name on the Store details settings page in your Shopify admin.

  • Custom logo width (in pixels): The width of the logo.

Add and configure your logo

PC:

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

  2. Next to Venture, click Customize.

  1. Click Header.

  2. In the Logo 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 Library > Upload.

  3. Use the settings to customize the size and placement of your logo.

  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 Venture, tap Customize.

  5. Tap Edit.

  1. Click Header.

  2. In the Logo 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 Library > Upload.

  3. Use the settings to customize the size and placement of your logo.

  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 Venture, tap Customize.

  5. Tap Edit.

  1. Click Header.

  2. In the Logo 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 Library > Upload.

  3. Use the settings to customize the size and placement of your logo.

  4. Click Save.

Add an announcement bar

You can add an announcement bar in the header that you can use to show a message to your customers. Your message is customizable and might include contact information, information about store events or sales, or a store slogan.

pc:

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

  2. Next to Venture, click Customize.

  1. Click Header.

  2. In the Announcement bar area, check Show announcement.

  3. Enter the text for your announcement.

  4. Optional: Enter a URL to add a link to your announcement.

  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 Venture, tap Customize.

  5. Tap Edit.

  1. Click Header.

  2. In the Announcement bar area, check Show announcement.

  3. Enter the text for your announcement.

  4. Optional: Enter a URL to add a link to your announcement.

  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 Venture, tap Customize.

  5. Tap Edit.

  1. Click Header.

  2. In the Announcement bar area, check Show announcement.

  3. Enter the text for your announcement.

  4. Optional: Enter a URL to add a link to your announcement.

  5. Click Save.

Add a menu

You can add a menu to your header. This displays all the menu's links in your header, which you can use to highlight common pages that your customers want to access. For example, you could add a menu that contains links to your collections.

PC:

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

  2. Next to Venture, click Customize.

  1. Click Header.

  2. To select a menu, click Change. Select a menu from the list or click Create menu to create a new one.

  3. To edit the menu, click Edit menu.

  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 Venture, tap Customize.

  5. Tap Edit.

  1. Click Header.

  2. To select a menu, click Change. Select a menu from the list or click Create menu to create a new one.

  3. To edit the menu, click Edit menu.

  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 Venture, tap Customize.

  5. Tap Edit.

  1. Click Header.

  2. To select a menu, click Change. Select a menu from the list or click Create menu to create a new one.

  3. To edit the menu, click Edit menu.

  4. Click Save.

Show or hide collection images in the menu

You can show images of products in a collection in a Venture drop-down menu. If a customer sees an item that they like in the menu, they can go straight to the product page without having to find that item on the collection page.

To show product images from a collection, your menu must meet the following criteria:

  • Your menu must have nested menu items.

  • The top-level item must be a collection.

  • When you add the top-level collection to the menu, you must select it from the Link menu. If you enter the collection URL in the Link field manually, then images will not appear.

If your menu does not meet these criteria, then the top navigation menu will display links instead of product images.

To hide product images for the top level of a nested menu, enter the collection URL in the Link field manually.

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


(本文内容根据网络资料整理,出于传递更多信息之目的,不代表连连国际赞同其观点和立场)