Blog Shopify

shopify商店模板Boundless产品和产品推荐设置步骤

2024-01-01 14:01:26
By 哈里波特大

外贸高效获客系统

10亿+海关交易数据，1.2亿企业数据，2亿+企业联系人数据，1000千万真实采购商。覆盖200+个国家及地区，95%外贸重点拓展市场，可根据行业、经营范围等多方位挖掘目标客户。

免费试用

产品

产品分区是产品页面中可以自定义的主要分区。您可以使用以下选项自定义此分区：

  • 跳过第一张产品图片 - 启用此选项后，第一张产品图片仅显示在产品系列页面上，而不显示在产品页面上。使用此选项时，您可以设计第一张产品图片，使其在产品系列页面上看起来效果最佳，并定制其他产品图片，使其在产品页面提供的更大空间中看起来效果更好。

  • 图片样式 - 选择高/正方形或宽。

  • 显示厂商 - 在产品页面显示产品品牌或厂商。若要显示品牌或供应商，您需要向产品添加厂商。

  • 显示数量选择器 - 让用户指定要添加到购物车的数量。

  • 显示动态结账按钮 - 让客户跳过购物车并直接从特色产品分区转到结账页面。

  • 产品表单宽度 - 选择小或大的宽度。

您还可以在产品页面上显示产品推荐。

自定义产品分区

PC：

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

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

  3. 打开页面顶部的下拉菜单。

  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 简介

  • 迁移到 Shopify

  • Shopify 后台

  • 您的账户

  • 在线商店

    • 设置

    • 模板

      • 选择模板

      • 添加、预览和购买模板

      • 密码保护

      • 自定义模板

      • 管理模板

      • 模板结构

      • Shopify 提供的模板

        • 关于模板

        • Craft

        • Crave

        • Dawn

        • Sense

        • Studio

        • Taste

        • 复古模板

          • 自定义复古模板

          • Boundless

            • 分区

            • 模板设置

            • 自定义

          • Brooklyn

          • Debut

          • Express

          • Minimal

          • Narrative

          • Simple

          • Supply

          • Venture

      • 模板支持

    • 菜单和链接

    • 博客

    • 动态结账按钮

    • 图片

    • 因假期关闭商店

    • 搜索您的商店

    • 速度

  • POS

  • 销售渠道

  • Shopify 结账

  • 产品

  • 域名

  • 收款

  • 地点

  • 发货和配送

  • 客户

  • 订单

  • 折扣

  • Metafields

  • Shopify Inbox

  • 营销和促销

  • 分析

  • 应用

  • Shopify Markets

  • 跨境销售

  • 专家市场

  • Shopify 社区

  • 税费

  • 组织管理 

  • 自定义购物体验

  • 资金


Boundless 的分区

模板内容是使用分区生成的。分区是可自定义的内容块，可决定在线商店中不同页面的布局和外观。您可以使用更新的模板编辑器来添加、删除、编辑和自定义分区。

Shopify 的模板包含以下分区类型：

  • 静态分区：显示在您在线商店中的预定地点的分区。无法删除或重新排列此类分区。静态分区可能包括产品页面和产品系列页面等页面上的标头、页脚、网站地图分区或内容分区。例如，产品分区决定在线商店中每个产品页面的外观。

  • 动态分区：可选分区，可用于自定义主页的布局。在商店主页上，您可以添加、重新排列和删除动态分区以创建页面布局。您的主页上最多可以包含 25 个动态分区。

您可以了解 Boundless 的独特分区选择以及如何对它们进行自定义以适用于您的业务。

提示 如果使用来自 Shopify 的免费模板，那么您可以通过参阅来自 Shopify 的免费模板以及点击模板的名称来查看此模板的分区和设置的详细信息。

若要了解付费模板的分区和设置，请参阅模板文档。

静态分区

Boundless 包括以下静态分区：

  • 侧边栏菜单

  • 公告栏

  • 标头

  • 幻灯片

  • 操作栏

  • 页脚

  • 产品

  • 产品推荐

  • 收藏

  • 产品系列列表页面

  • 文章

动态分区

Boundless 包括以下动态分区：

  • 博客文章

  • 产品系列列表

  • 特色产品系列

  • 带文本的图片

  • 特色产品

  • 新闻通讯

  • 地图

  • 富文本

  • 视频

  • 自定义 HTML

本页相关主题

  • 侧边栏菜单

  • 公告栏

  • 标头

  • 幻灯片

  • 操作栏

  • 页脚

  • 产品

  • 产品推荐

  • 收藏

  • 特色产品系列

  • 新闻通讯

  • 地图

  • 富文本

  • 视频

  • 自定义 HTML

侧边栏菜单

侧边栏菜单就像商店的目录。此菜单显示在商店的所有页面上。

侧边栏菜单显示两个菜单。主菜单以较大的大小显示在顶部，而附加菜单以较小的大小显示在主菜单的下方。

您还可以在侧边栏中显示您的社交媒体账户的链接。这些链接由您的模板设置控制。

自定义侧边栏菜单

  • 桌面

  •  

  • iPhone

  •  

  • Android

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

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

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

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

  5. 轻触编辑。

  1. 点击侧边栏菜单。

  2. 从 Primary menu（主菜单）列表中，选择要显示为主菜单的菜单。通常，这是商店的主菜单。

  3. 从 Additional menu（其他菜单）列表中，选择要在主菜单下显示的菜单。通常，这是商店的页脚菜单。

  4. 点击保存。

公告栏

您可以启用公告栏来向您的客户显示消息。您的消息可完全自定义，并且可以包含联系信息、链接、有关商店活动或促销的信息，以及商店的口号或品牌信息。公告栏可能会在您商店的所有页面上显示，但您可以选择仅在主页上显示。

启用公告栏

  • 桌面

  •  

  • iPhone

  •  

  • Android

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

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

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

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

  5. 轻触编辑。

  1. 点击公告栏。

  2. 勾选显示公告。

选择仅主页以仅在主页上显示公告消息。

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

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

  3. 若要更改公告栏的背景色，请点击栏颜色样本并选择颜色。

  4. 若要更改公告文本的颜色，请点击文本颜色样本并选择颜色。

  5. 点击保存。

标头

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

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

添加自定义 logo

  • 桌面

  •  

  • iPhone

  •  

  • Android

  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 或从菜单中选择一个页面。如果您不想在分区中包含按钮，请将此字段留空。

自定义幻灯片

  • 桌面

  •  

  • iPhone

  •  

  • Android

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

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

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

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

  5. 轻触编辑。

  1. 点击幻灯片。

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

  3. 点击保存。

操作栏

默认情况下，操作栏会显示商店的主菜单。您可以自定义菜单，以根据客户查看的页面显示不同的商品。在主页上，操作栏通常用于显示产品系列。在产品系列中，操作栏可以显示更多子类别或其他相关产品系列。

例如，如果您的商店销售服装，主页上的操作栏可能会显示男装、女装和配饰。如果客户点击女装，则产品系列页面的操作栏上可能显示上装，下装和鞋类。

若要使操作栏以这种方式工作，请在主菜单上使用指向产品系列的链接。在页脚菜单中放置指向商店其他部分（联系人或关于页面）的链接。

提示：

如果在操作栏上创建链接到主页的菜单，则该菜单也将显示在主页上。为尚不存在的产品系列设置菜单时可能会发生这种情况，因此应改为创建指向主页的占位符链接。

在为操作栏创建产品系列链接之前，应先创建产品系列。或者，在创建要链接到的产品系列之前，您可以先链接到“所有产品”页面。

自定义操作栏

  • 桌面

  •  

  • iPhone

  •  

  • Android

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

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

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

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

  5. 轻触编辑。

  1. 点击操作栏。

  2. 在菜单列表中，选择要在操作栏中显示的菜单。

  3. 点击保存。

页脚

您的模板页脚是商店中每个页面底部显示的分区。通过 Boundless，您可以在页脚中显示您接受的付款方式的菜单和图标。

您还可以在页脚中显示指向您的社交媒体账户的链接。这些链接由您的模板设置控制。

向页脚添加菜单

您可以向页脚添加菜单。这会在页脚中显示菜单的所有链接，您可以使用这些链接突出显示客户想访问的常用页面。例如，您可以添加一个菜单，该菜单可以包含指向联系信息和发货政策的链接。

  • 桌面

  •  

  • iPhone

  •  

  • Android

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

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

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

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

  5. 轻触编辑。

  1. 点击页脚。

  2. 若要选择菜单，请点击更改。从列表中选择菜单，或点击创建菜单来创建新菜单。

  3. 若要编辑菜单，请点击编辑菜单。

  4. 点击保存。

添加付款图标

您可以在页脚中显示您接受的付款方式的图标。此区域会显示与您在后台的支付设置部分中启用的支付服务提供商相关联的图标。当客户访问您的商店时，系统会筛选这些图标，以便仅显示当前客户的所在地区和所用货币支持的付款方式。

  • 桌面

  •  

  • iPhone

  •  

  • Android

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

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

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

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

  5. 轻触编辑。

  1. 点击页脚。

  2. 查看显示付款图标。

  3. 点击保存。

产品

产品分区是产品页面中可以自定义的主要分区。您可以使用以下选项自定义此分区：

  • 跳过第一张产品图片 - 启用此选项后，第一张产品图片仅显示在产品系列页面上，而不显示在产品页面上。使用此选项时，您可以设计第一张产品图片，使其在产品系列页面上看起来效果最佳，并定制其他产品图片，使其在产品页面提供的更大空间中看起来效果更好。

  • 图片样式 - 选择高/正方形或宽。

  • 显示厂商 - 在产品页面显示产品品牌或厂商。若要显示品牌或供应商，您需要向产品添加厂商。

  • 显示数量选择器 - 让用户指定要添加到购物车的数量。

  • 显示动态结账按钮 - 让客户跳过购物车并直接从特色产品分区转到结账页面。

  • 产品表单宽度 - 选择小或大的宽度。

您还可以在产品页面上显示产品推荐。

自定义产品分区

  • 桌面

  •  

  • iPhone

  •  

  • Android

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

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

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

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

  5. 轻触模板。

  1. 选择产品页面。

  2. 点击产品分区。

  3. 使用设置来自定义您的产品页面。

  4. 点击保存。

产品推荐

您可以在产品页面上展示推荐产品，让客户更轻松地发现其他可能感兴趣的产品。

启用产品推荐


PC：

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

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

  3. 打开页面顶部的下拉菜单。

  1. 选择产品页面。

  2. 点击产品推荐分区。

  3. 选中显示动态建议以在产品页面上显示产品推荐。

  4. 可选：若要更改推荐产品上方显示的标题，请在标题字段中输入新标题。

  5. 可选：使用显示厂商复选框，选择在产品描述中显示或隐藏厂商。

  6. 点击保存。

苹果系统：

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

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

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

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

  5. 轻触模板。

  1. 选择产品页面。

  2. 点击产品推荐分区。

  3. 选中显示动态建议以在产品页面上显示产品推荐。

  4. 可选：若要更改推荐产品上方显示的标题，请在标题字段中输入新标题。

  5. 可选：使用显示厂商复选框，选择在产品描述中显示或隐藏厂商。

  6. 点击保存。

安卓系统：

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

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

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

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

  5. 轻触模板。

  1. 选择产品页面。

  2. 点击产品推荐分区。

  3. 选中显示动态建议以在产品页面上显示产品推荐。

  4. 可选：若要更改推荐产品上方显示的标题，请在标题字段中输入新标题。

  5. 可选：使用显示厂商复选框，选择在产品描述中显示或隐藏厂商。

  6. 点击保存。

Shopify商户官网原文详情：

Product

The Product section is the main customizable section for product pages. You can customize this section using the following options:

  • Skip first product image - When this option is enabled, the first product image shows only on collection pages, and not on product pages. Using this option, you can design your first product image to look best on collection pages and tailor your other product images to look better in the larger space provided on product pages.

  • Image style - Choose Tall/square or Wide.

  • Show vendor - Show the product brand or vendor in the product page. For a brand or vendor to show, you need to add a vendor to the product.

  • Show quantity selector - Let users specify a quantity to add to their cart.

  • Show dynamic checkout button - Let customers skip the cart and go directly to the checkout from the featured product section.

  • Product form width - Choose a Small or Large width.

You can also display product recommendations on the Product page.

Customize your product section

PC：

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

  2. Next to Boundless, click Customize.

  3. Open the drop-down menu at the top of the page.

  1. Select Product pages.

  2. Click the Product section.

  3. Use the settings to customize your product page.

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

  5. Tap Templates.

  1. Select Product pages.

  2. Click the Product section.

  3. Use the settings to customize your product page.

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

  5. Tap Templates.

  1. Select Product pages.

  2. Click the Product section.

  3. Use the settings to customize your product page.

  4. Click Save.

Product recommendations

You can display recommended products on product pages to make it easier for customers to discover other products that might interest them.

Enable product recommendations

PC：

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

  2. Next to Boundless, click Customize.

  3. Open the drop-down menu at the top of the page.

  1. Select Product pages.

  2. Click the Product recommendations section.

  3. Check Show dynamic recommendations to show product recommendations on your product pages.

  4. Optional: To change the title that appears above the recommended products, enter a new one in the Heading field.

  5. Optional: To show or hide the vendors in the product descriptions, use the Show vendor checkbox.

  6. 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 Templates.

  1. Select Product pages.

  2. Click the Product recommendations section.

  3. Check Show dynamic recommendations to show product recommendations on your product pages.

  4. Optional: To change the title that appears above the recommended products, enter a new one in the Heading field.

  5. Optional: To show or hide the vendors in the product descriptions, use the Show vendor checkbox.

  6. 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 Templates.

  1. Select Product pages.

  2. Click the Product recommendations section.

  3. Check Show dynamic recommendations to show product recommendations on your product pages.

  4. Optional: To change the title that appears above the recommended products, enter a new one in the Heading field.

  5. Optional: To show or hide the vendors in the product descriptions, use the Show vendor checkbox.

  6. Click Save.

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



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


常见问答(FQAS)


问:如何设置Boundless主题的产品和产品推荐?

答:Boundless主题默认打开产品和产品推荐功能。你需要在产品列表页面添加位于内容区域的产品块即可。你也可以在产品详情页添加产品推荐区块推荐相关产品。

问:如何选择要推荐的产品?

答:你可以在产品管理后台为每个产品添加“相关产品”字段,选择哪些产品与当前产品相关,Boundless主题就会根据这些设置自动推荐相关产品。

问:如何调整产品推荐的样式和布局?

答:你可以编辑主题样式表(style.scss)文件来自定义产品推荐样式,比如更改图片大小,产品名样式,按钮样式等。此外,你也可以调整模板文件的HTML结构来改变产品推荐的展示顺序和布局。

shopify商店模板 Boundless产品和产品

推荐阅读

Read More
Shopify

shopify商店模板Boundless产品和产品推荐设置步骤

01 Jan 2024
By 哈里波特大
Read More
Shopify

shopify商店模板Boundless富文本和视频设置步骤

01 Jan 2024
By 别扭少年
Read More
Shopify

shopify商店模板Boundless新闻通讯和地图设置步骤

01 Jan 2024
By 一盘小鲜肉
Read More
Shopify

shopify商店模板Boundless收藏和特色产品系列设置步骤

01 Jan 2024
By 咸蛋超人
Read More
Shopify

shopify商店模板Boundless自定义 HTML设置步骤

01 Jan 2024
By 伯卿
Read More
Shopify

shopify商店模板Boundless页脚和操作栏设置步骤

01 Jan 2024
By 网名炸了