shopify博客模板（Shopify Boundless模板详细设置教程）shopify loox，深度揭秘，

Boundless 适于展示摄影家经典作品，其 UI 很小，可表明无前面板的摄影家经典作品。Boundless 可在移动电子设备上呈现最差效果，适用于于小型到大型库存的Shopify零售店。

模版GUI

采用模版GUI以自订模版。模版GUI图标分为南区和模版增设。

南区是能在您的新浪网零售店上确定不同网页产业布局的可自订内容块。

网页南区主要包括多种机能（比如PPT或财经新闻注册），您能加进、重新组合或删掉那些机能。网页上最多能有 25 个南区。

五种类型的网页都有自己的南区。比如，商品网页的南区决定了新浪网零售店上每一商品网页的产业布局。

网页上的各南区仍旧坐落于新浪网零售店的特定位置。您能对它进行自订，但不能重新组合或删掉它。

每一模版主要包括固定的南区（比如塞雷县和页脚），新浪网零售店的每一网页上单厢表明那些南区。

您能介绍 的独特南区优先选择以及如何对它进行自订以适用于于您的业务。

Boundless 主要包括下列动态南区：

file

侧边栏图标

宣传栏

PPT

操作栏

页脚

商品

收藏

商品系列产品条目网页

该文

动态南区

您能加进、重新组合和删掉动态南区源自订网页的产业布局。每一模版都有唯一几组可供优先选择的动态南区。

Boundless 主要包括下列动态南区：

网志该文

商品系列产品条目

民族特色商品系列产品

带文档的相片

民族特色商品

普柳斯

地图

文件格式文档

音频

自订 HTML

file

模版的file是表明在您零售店中每一网页顶端的南区。

file南区主要包括下列增设：

logo - 向您的file加进 logo 相片。

网页 logo - 加进仅在网页上表明的 logo。网页 logo 表明在PPT上，因而请优先选择一个更易在相片上看到的 logo 版本。

自订 logo 长度（以画素为单位） - 增设 logo 的大小不一。

自订file

在 Shopify 前台中，转到新浪网零售店 > 模版。

搜寻 Boundless，然后空格键自订。

空格键file。

采用增设源自订file。

空格键留存。

侧边栏图标

侧边栏图标就像零售店的目录。无论顾客坐落于何处，图标按键单厢表明零售店的主图标和页脚图标

侧边栏图标表明两个图标：主图标以较大的大小不一表明在顶端，而附带图标以较细的大小不一表明在主图标的下方。

自订侧边栏图标：

空格键南区。

空格键侧边栏图标。

从 Primary menu（主图标）条目中，优先选择要表明为主图标的图标。一般来说，这是零售店的主图标。

从 Additional menu（其他图标）条目中，优先选择要在主图标下表明的图标。一般来说，这是零售店的页脚图标。

空格键留存。

PPT

您能创建最多循环式播映四张相片的网页PPT。

最好为您的PPT采用高清晰度相片。采用 3840 x 2160 px 或更大的相片，但不要超过 Shopify 的上载限制。

由于PPT的大小不一和花纹取决于顾客电子设备的大小不一和花纹，因而，您的PPT相片将在某些萤幕上被上色。尝试采用中间有焦点的相片，这样两张相片的重要部分都能仍旧可见。

若要详尽介绍适用于于PPT相片的最差做法，参见上载相片。

PPT南区主要包括下列增设：

PPT度 - 增设PPT的度。优先选择 Adapt to first image slide height（适应第三张相片PPT度），基于第三张相片的度增设PPT的度。

自动循环式播映PPT - 将PPT增设为自动播映。

PPT更改时间间隔 - 优先选择更改PPT的频率。

文档和图标 - 为表明在PPT上的文档和图标优先选择一种颜色。

相片叠加 - 在相片PPT上加进一层颜色。叠加使PPT文档更更易阅读。

不透明度 - 增设叠加的不透明度。

相片 - 为PPT放映加进相片PPT。

相片位置 - 优先选择相片中最重要的区域作为PPT的焦点。

标题 - 向PPT加进标题。

按键文档 - 向PPT加进带文档标签的按键。

按键链接 - 将按键链接到新浪网零售店的另一部分。

在网页中加进PPT

在 Shopify 前台中，转到新浪网零售店 > 模版。

搜寻 Boundless，然后空格键自订。

空格键PPT。

采用增设源自订PPT。

空格键留存。

操作栏

默认情况下，操作栏会表明零售店的主图标。您能自订操作栏，以根据顾客查看的网页表明不同的商品。在网页上，操作栏一般来说用于表明商品系列产品。在商品系列产品中，操作栏能表明更多子类别或其他相关商品系列产品。

比如，如果您的零售店销售服装，网页上的操作栏可能会表明男装、女装和配饰。如果顾客空格键女装，则商品系列产品网页的操作栏上可能表明上装，下装和鞋类。

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

要自订操作栏，请执行下列操作：

空格键南区选项卡。

空格键操作栏。

在图标条目中，优先选择要在操作栏中表明的图标。

空格键留存。

页脚

采用 Boundless，您可在页脚内容中表明图标。

提示:

我们建议您同时在零售店的侧边栏图标和零售店的页脚中表明页脚图标。

自订零售店的页脚：

空格键南区选项卡。

空格键页脚。

在图标条目中，优先选择要在页脚中表明的图标。

空格键留存。

商品

在商品南区中，您能加进或删掉下列元素：

商品品牌或供应商

数量优先选择器

社交共享图标

动态结账按键

商品推荐

您还可跳过第一个商品相片，增设相片的样式，并优先选择商品表的长度。

要编辑商品网页的增设，请执行下列操作：

从顶栏下拉图标中优先选择商品网页。

空格键南区。

空格键商品。

若要跳过第三张商品相片，请选中 Skip first product image（跳过第三张商品相片）。

这意味着，第一个商品相片仅表明在商品系列产品网页上，而不表明在商品网页上。采用此选项，您能设计第一个商品相片，使其在商品系列产品网页上看起来效果最差，并定制其他商品相片，使其在商品网页提供的更大空间中看起来效果更好

要增设相片样式，请从 Image style（相片样式）下拉图标中优先选择 Tall/square（高/正方形）或 Wide（宽）。

若要表明商品品牌或供应商，请选中 Show vendor（表明供应商）。要表明品牌或供应商，您需要向商品加进供应商。

若要表明数量优先选择器，请选中表明数量优先选择器。

若要表明社交共享图标，请选中 Enable product sharing（启用商品共享）。

若要表明动态结账按键，请选中 Show dynamic checkout button（表明动态结账按键）。

从 Product form width（商品表长度）下拉图标中优先选择 Small（小）或 Large（大），以增设商品表的长度。

空格键留存。

加进或删掉商品推荐

您能在商品网页上展示推荐商品，让顾客更轻松地发现其他可能感兴趣的商品。

从顶栏下拉图标中优先选择商品网页。

空格键商品推荐。

采用表明动态推荐复选框，优先选择在商品网页上表明或隐藏商品推荐。

可选：若要更改推荐商品上方表明的标题，请在标题字段中输入新标题。

可选：采用表明厂商复选框，优先选择在商品描述中表明或隐藏厂商。

空格键留存。

收藏

Boundless 主要包括多个用于商品系列产品网页的排序和筛选、外观以及分页选项。

在模版预览中，打开商品系列产品网页。

空格键南区选项卡。

空格键商品系列产品。

在外观区域中，增设下列选项：

- 从 Image style（相片样式）条目中，优先选择商品相片的相片方向：Tall/square（高/正方形）或 Wide（宽）。

在相片尺寸条目中，优先选择商品相片的尺寸。

如果您要增加相片之间的间距，请选中 Add spacing between images（在相片之间加进间距）。

如果您要在商品相片下方表明供应商或品牌名称，请选中 Show product vendor（表明商品供应商）。

在 Sorting & filtering（排序和筛选）区域中，增设下列选项：

如果要表明排序选项条目，请选中 Show sorting options（表明排序选项）。

如果您要表明让顾客能够按标签筛选的条目，请选中 Show tag filtering（表明标签筛选）。

在 Pagination（分页）区域的 Pagination type（分页类型）条目中，优先选择表明编号网页还是“查看更多”按键。

空格键留存。

民族特色商品系列产品

在模版GUI的民族特色商品系列产品部分中，Image style（相片样式）选项可用于更改商品系列产品和商品网页表明相片的方式：

如果商品相片是正方形或纵向的，则 Tall/square（高/正方形）最为合适

如果您的相片为矩形相片或是横向的，优先选择宽则最为合适

相片尺寸选项可确定商品系列产品网页上商品相片的大小不一。如果表明较细的商品相片，则可在一行中放入更多相片。

每行表明的相片数量也取决于顾客的电子设备（桌面电子设备还是移动电子设备）以及窗口大小不一。

空格键南区选项卡。

空格键民族特色商品系列产品南区。

从商品系列产品条目中优先选择商品系列产品。您优先选择的商品系列产品中最多可表明 50 个商品。

从 Image style（相片样式）条目中，优先选择要将相片方向增设为 Tall/square（高/正方形）还是 Wide（宽）。

在相片尺寸条目中，优先选择一个相片尺寸。

若要增大商品相片周围的间距，请选中 Add image spacing（增加相片间距）。

若要表明商品供应商或品牌名称，请选中 Show product vendor（表明商品供应商）。

空格键留存。

普柳斯

您能在网页上加进普柳斯注册。这使您能为电子邮件营销活动收集顾客电子邮件地址。您可在 Shopify 网志上介绍关于电子邮件营销的详尽信息。

向网页加进普柳斯注册：

在 Shopify 前台中，转到新浪网零售店 > 模版。

搜寻 Boundless，然后空格键自订。

空格键南区。

空格键加进南区 > 普柳斯。

在标题字段中输入普柳斯注册的标题。默认标题是“订阅我们的普柳斯”。

在子标题字段中输入普柳斯注册的子标题。

空格键留存。

文件格式文档

采用文件格式文档南区提供要在网页上表明的任何书面内容或嵌入在 Shopify 前台创建的任何网页。比如，您能通过嵌入网志网页来展示即将进行的活动，或表明包含下列任何内容的网页：

源自您的新浪网零售店的嵌入音频

带有零售店位置的 Google 地图

零售店的联系信息。

空格键南区选项卡。

空格键文件格式文档。

输入文档并增设文档文件格式。

如果要表明零售店中的网页，请空格键加进内容，然后空格键网页。从下拉图标中优先选择要作为网页的网页。

空格键留存。

音频

您能在您的网页中加进 YouTube 或 Vimeo 音频。音频能吸引顾客并让他们对您的业务产生兴趣。

在网页中加进音频：

在 Shopify 前台中，转到新浪网零售店 > 模版。

搜寻 Boundless，然后空格键自订。

空格键南区。

空格键加进南区 > 音频。

在标题字段中输入音频的标题。

在 Video link（音频链接）字段中输入音频的共享链接。

YouTube 共享链接如下所示：

https://youtu.be/OTJXAUZY9t0。您能在此 YouTube 帮助该文中介绍如何复制 YouTube 音频的共享链接。

Vimeo 共享链接如下所示：

https://vimeo.com/281332510。您能在此 Vimeo 帮助中心该文中介绍如何复制 Vimeo 音频的共享链接。

空格键留存。

自订 HTML

在自订 HTML 部分中，可采用 HTML 代码创建网页的自订内容。比如，可采用 HTML 增设文档块的文件格式、创建表或嵌入源自第三方网站的内容。

若要将自订 HTML 加进到网页，请执行下列操作：

在 Shopify 前台中，转到新浪网零售店 > 模版。

搜寻 Boundless，然后空格键自订。

空格键南区。

空格键加进南区。

在 Advanced layout（高级产业布局）区域中，空格键 Custom HTML（自订 HTML）> 加进。

空格键 Custom HTML（自订 HTML），然后输入想要加进到网页的 HTML 代码。

空格键留存。

模版增设：您能采用模版增设源自定新浪网零售店的颜色和字体。您还能增设指向社交媒体帐号的链接、编辑购物车增设以及加进网站图标。

Boundless 主要包括下列模版增设：

颜色

版式

购物车

社交媒体

网站图标

结账

颜色

您能为新浪网零售店的不同部分优先选择颜色。

自订颜色增设

在 Shopify 前台中，转到新浪网零售店 > 模版。

空格键 **** 旁边的自订。

空格键模版增设。

空格键颜色。

对于五种类型的内容，空格键颜色 swatch 以采用颜色优先选择器：

- 最近所选区域表明您最近为您的模版优先选择过的颜色。 - 当前采用区域表明您当前正在模版的其他部分中采用的颜色。

若要将颜色增设为透明，请空格键无。

空格键留存。

版式

您可增设新浪网零售店上的文档的字体样式和大小不一。

自订字体增设

在 Shopify 前台中，转到新浪网零售店 > 模版。

空格键 **** 旁边的自订。

空格键模版增设。

空格键 Typography（字体）。

对于五种类型的文档，空格键更改以采用字体优先选择器：

通过采用搜索字段或通过空格键加载更多来浏览字体。

若要查看所有可用的字体，参见 Shopify 的字体库。

空格键要采用的字体名称。

若要将字体更改为其他样式，比如粗体或斜体，请空格键 Regular（常规）。下一步，空格键您要采用的样式，然后空格键优先选择。

空格键留存。

购物车

Boundless 允许您通过优先选择购物车类型并为顾客启用订单备注源自订购物车网页。

Boundless 模版支持 2 种购物车类型：

将商品加进到购物车时，网页会将顾客重定向到您的购物车网页。

将商品加进到购物车时，抽屉会在网页一侧打开抽屉，并提示用户前往结帐网页。

提示:

抽屉购物车是一种 AJAX 购物车类型，这意味着它可能会阻止脚本机能，比如允许顾客优先选择送达日期的日期优先选择器。空格键此处以仔细研究 Shopify Ajax API。

Boundless 还主要包括一个允许顾客向您发送有关其订单的特殊说明的选项。

若要在 Brooklyn 中增设购物车选项，请执行下列操作：

空格键模版增设。

空格键购物车网页。

从购物车类型条目中优先选择购物车类型。

如果您想让顾客在结账时提供订单备注，请选中 Enable order notes（启用订单备注）。

空格键留存。

社交媒体

您能为商品和网志该文加进社交共享按键，以及指向您的社交媒体帐户的链接。

自订社交媒体增设：

在 Shopify 前台中，转到新浪网零售店 > 模版。

搜寻 Boundless，然后空格键自订。

空格键模版增设。

空格键社交媒体。

若要上载社交共享相片，请在社交共享相片区域中，空格键优先选择相片或浏览免费相片。

若要将链接加进到您的社交媒体帐户，请在帐户区域中，在提供的字段中输入您的帐户链接。请输入完整的链接，比如

https://instagram.com/shopify 或

https://twitter.com/shopify。

指向您社交媒体帐户的链接表明在您的新浪网零售店的页脚中。

若要在商品和网志该文中加进社交共享按键，请在 Sharing options（共享选项）区域中选中任意或所有复选框。

您能加进下列共享按键：

- 在 Facebook 上共享 - 在 Twitter 上发推文 - 固定在 Pinterest 上（不可用于网志该文共享）

空格键留存。

备注: 要在商品网页和网志该文上表明社交共享按键，您还需要在那些网页的南区中启用那些按键。

网站图标

您能上载网站图标 (Favicon)，该图标可通过在下列位置表明 logo 来帮助您推广新浪网零售店品牌：

您的 Web 浏览器标签

您的 Web 浏览器历史记录

桌面上的图标

坐落于您的新浪网零售店名称旁边（将它加入书签后）。

要上载网站图标，请执行下列操作：

空格键模版增设选项卡。

空格键网站图标。

在 Favicon image（网站图标相片）区域中，空格键优先选择相片，然后执行下列操作之一：

- 若要优先选择已上载到 Shopify 前台的相片，请空格键库选项卡。 - 若要从本地计算机优先选择相片，请空格键库选项卡，然后空格键加号按键。

提示: Boundless 的建议大小不一为 32 x 32 画素。

空格键留存。

结账

在本部分中，您能自订零售店的结账网页。空格键此处介绍有关零售店结账网页的详尽信息。

在操作栏中增设子图标

如果在操作栏上创建链接到网页的图标，则该图标也将表明在网页上。为尚不存在的商品系列产品增设图标时可能会发生这种情况，因而应改为创建指向网页的占位符链接。

在为操作栏创建商品系列产品链接之前，应先创建商品系列产品。或者，在创建要链接到的商品系列产品之前，您能先链接到“所有商品”网页。（来源：Shopify）

以上内容属作者个人观点，不代表雨果网立场！如有侵权，请联系我们。

相关推荐：Shopify Brooklyn模版的固定南区：file及页脚介绍