专注出海运营平台,解决跨境电商问题
当前位置:跨境智通山 > 其他跨境 > 跨境问答 > 正文

shopify商店模板Boundless标头和幻灯片设置步骤

2022-03-22 17:21:32 跨境问答

标头模板的标头是显示在您商店中每个页面顶部的分区。您可以自定义标头中显示的 logo。您可以添加仅在主页上显示的额外 logo。主页 logo 会显示在幻灯片上,因此您应选择一个易于在图片上看到的 l

目录

 shopify商店模板Boundless标头和幻灯片设置步骤

shopify商店模板Boundless标头和幻灯片设置步骤详细回答

标头

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

您可以添加仅在主页上显示的额外 logo。主页 logo 会显示在幻灯片上,因此您应选择一个易于在图片上看到的 logo 版本。

添加自定义 logo

PC:

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

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

  1. 点击标头

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

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

  • 若要从 Burst 中选择库存图片,请点击免费图片选项卡。您可在此处输入搜索词,或浏览图片类别。

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

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

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

  • 若要从 Burst 中选择库存图片,请点击免费图片选项卡。您可在此处输入搜索词,或浏览图片类别。

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

  1. 自定义 logo 宽度 (以像素为单位) 字段中输入logo 的宽度。

  2. 点击保存

苹果系统:

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

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

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

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

  5. 轻触编辑

  1. 点击标头

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

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

  • 若要从 Burst 中选择库存图片,请点击免费图片选项卡。您可在此处输入搜索词,或浏览图片类别。

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

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

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

  • 若要从 Burst 中选择库存图片,请点击免费图片选项卡。您可在此处输入搜索词,或浏览图片类别。

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

  1. 自定义 logo 宽度 (以像素为单位) 字段中输入logo 的宽度。

  2. 点击保存

安卓系统:

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

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

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

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

  5. 轻触编辑

  1. 点击标头

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

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

  • 若要从 Burst 中选择库存图片,请点击免费图片选项卡。您可在此处输入搜索词,或浏览图片类别。

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

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

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

  • 若要从 Burst 中选择库存图片,请点击免费图片选项卡。您可在此处输入搜索词,或浏览图片类别。

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

  1. 自定义 logo 宽度 (以像素为单位) 字段中输入logo 的宽度。

  2. 点击保存

幻灯片

您可以在主页上添加幻灯片,最多可轮换五张图片。

最好为您的幻灯片使用高分辨率图片。使用 3840 x 2160 px 或更大的图片,但不要超过 Shopify 的上传限制。

由于幻灯片的大小和形状取决于客户设备的大小和形状,因此,您的幻灯片图片将在某些屏幕上被裁剪。尝试使用中间有焦点的图片,这样每张图片的重要部分都能始终可见。

若要详细了解适用于幻灯片图片的最佳做法,请参阅上传图片

幻灯片分区包括以下设置:

  • 幻灯片高度 - 设置幻灯片的高度。选择 Adapt to first image slide height(适应第一张图片幻灯片高度),基于第一张图片的高度设置幻灯片的高度。

  • 自动循环播放幻灯片 - 将幻灯片设置为自动播放。

  • 幻灯片更改时间间隔 - 选择更改幻灯片的频率。

  • 文本和图标 - 为显示在幻灯片上的文本和图标选择一种颜色。

  • 图片叠加 - 在图片幻灯片上添加一层颜色。叠加使幻灯片文本更易于阅读。

  • 不透明度 - 设置叠加的不透明度。

  • 图片 - 为幻灯片放映添加图片幻灯片。

  • 图片位置 - 选择图片中最重要的区域作为幻灯片的焦点。

  • 标题 - 向幻灯片添加标题。

  • 按钮文本 - 向幻灯片添加带文本标签的按钮。

  • 按钮链接 - 设置您希望按钮链接到的 URL 或页面。粘贴 URL 或从菜单中选择一个页面。如果您不想在分区中包含按钮,请将此字段留空。

自定义幻灯片

PC:

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

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

  1. 点击幻灯片

  2. 使用设置来自定义幻灯片。

  3. 点击保存

苹果系统:

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

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

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

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

  5. 轻触编辑

  1. 点击幻灯片

  2. 使用设置来自定义幻灯片。

  3. 点击保存

安卓系统:

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

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

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

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

  5. 轻触编辑

  1. 点击幻灯片

  2. 使用设置来自定义幻灯片。

  3. 点击保存

Shopify商户官网原文详情:


Header

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

You can add an additional logo that's displayed only on your home page. The home page logo is displayed over the slideshow, so you should choose a version of your logo that's easy to see on top of an image.

Add a custom logo

PC:

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

  2. Next to Boundless, click Customize.

  1. Click Header.

  2. In the Logo 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 a stock image from Burst, click the Free images tab. From here you can enter a search term, or browse the image categories.

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

  1. Optional: In the Home page logo 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 a stock image from Burst, click the Free images tab. From here you can enter a search term, or browse the image categories.

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

  1. Enter the logo's width in the Custom logo width (in pixels) field.

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

  5. Tap Edit.

  1. Click Header.

  2. In the Logo 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 a stock image from Burst, click the Free images tab. From here you can enter a search term, or browse the image categories.

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

  1. Optional: In the Home page logo 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 a stock image from Burst, click the Free images tab. From here you can enter a search term, or browse the image categories.

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

  1. Enter the logo's width in the Custom logo width (in pixels) field.

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

  5. Tap Edit.

  1. Click Header.

  2. In the Logo 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 a stock image from Burst, click the Free images tab. From here you can enter a search term, or browse the image categories.

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

  1. Optional: In the Home page logo 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 a stock image from Burst, click the Free images tab. From here you can enter a search term, or browse the image categories.

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

  1. Enter the logo's width in the Custom logo width (in pixels) field.

  2. Click Save.

Slideshow

You can add a slideshow to your home page that rotates up to five images.

It's best to use high resolution images for your slides. Use images that are 3840 x 2160 px or larger, but don't exceed Shopify's upload limits.

Because the size and shape of the slideshow depends on the size and shape of the customer's device, your slideshow images will be cropped on some screens. Try to use images that have a focal point in the middle so that the important part of each image is always visible.

To learn more about the best practices for slideshow images, see Uploading images.

The slideshow section includes the following settings:

  • Slide height - Set the height of the slideshow. Select Adapt to first image slide height to base the height of your slideshow on the height of your first image.

  • Auto-rotate slides - Set the slideshow to play automatically.

  • Change slides every - Choose how often to change slides.

  • Text and icons - Choose a color for the text and icons that appear over the slideshow.

  • Image overlay - Add a layer of color over your image slide. An overlay can make slideshow text easier to read.

  • Opacity - Set the opacity of your overlay.

  • Image - Add an image slide to your slideshow.

  • Image position - Choose the most important area of the image to focus on in the slideshow.

  • Heading - Add a heading to your slide.

  • Button text - Add a button with a text label to your slide.

  • Button link - Set the URL or page that you want the button to link to. Paste in the URL or select a page from the menu. If you do not want to include a button in the section, then leave this field empty.

Customize your slideshow

PC:

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

  2. Next to Boundless, click Customize.

  1. Click Slideshow.

  2. Use the settings to customize your slideshow.

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

  5. Tap Edit.

  1. Click Slideshow.

  2. Use the settings to customize your slideshow.

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

  5. Tap Edit.

  1. Click Slideshow.

  2. Use the settings to customize your slideshow.

  3. Click Save.

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