supply的用法_Shopify Supply模板详细设置教程​

Shopify Supply模版详尽设定实例教程具体内容

Shopify Supply模版详尽设定实例教程文章正文

Shopify Supply 是一款简约、便于sitmap的模版，特别适合有着库存积压和好几个产品种类的店家。它的特点包含包括优秀的sitmap、好几个首页产品种类、侧栏挑选，并可轻轻松松与 Product Reviews 运用集成化。

假如您的店铺具有下列标准，则应用 Supply 是一种出色的挑选：

超出 50 个商品

超出 5 个产品种类

大中型菜单栏。

模版编辑软件

应用模版编辑软件以自定义模版。模版编辑器菜单栏分成分区和模版设定。

您可以应用分区改动店铺上不一样界面的具体内容和合理布局。您可以应用模版设定对店铺的字体样式和色调开展自定义，而且对社交媒体连接和付款设定开展变更。

分区是可以在您的在线商店上明确不一样网页布局的可自定义內容块。

首页分区包含多种多样作用（比如ppt或资讯新闻申请注册），您可以加上、重新排序或删掉这种作用。首页上较多可以有 25 个分区。

每一种种类的网页页面都是有自身的分区。比如，商品界面的分区决策了在线商店上每一个商品界面的合理布局。

网页页面上的各分区自始至终坐落于在线商店的指定部位。您可以对他们开展自定义，但不可以重新排序或删掉他们。

每一个模版包含固定不动的分区（比如页眉和页脚），在线商店的每一个网页页面上都是表明这种分区。

Supply 包含下列静态数据分区：

标头

底部

商品网页页面

产品种类网页页面

产品种类目录网页页面

文章内容网页页面

动态性分区

您可以加上、重新排序和删掉动态性分区来自定义首页的合理布局。每一个模版都是有唯一一组可选择的动态性分区。

Supply 包含下列动态性分区：

网络文章

产品种类目录

特色食品系列产品

带文字的图片

ppt

特色食品

新闻通讯

地形图

文件格式文字

短视频

自定义內容

标头

Supply 包含适用您店铺的标头的一些与众不同设定。您可以挑选要表明在标头中的菜单栏、提交 logo 并向用户表明信息：

若要自定义标头，请实行下列实际操作：

点击分区菜单栏。

点击标头。

从菜单栏目录中选取要表明的菜单栏。

logo

根据 Supply，您可以将 logo 包括在您店铺的标头中。假如您应用的是自定义 logo，那麼最好文件格式是具备透明背景的 .png 文档。

Supply 含有总宽为 400px 的 logo 是外型实际效果最好。您可根据应用自定义 logo 总宽字段名变更图片的总宽。切勿提升超出 logo 图片的原始总宽的值。假如超出，很有可能造成图片形变和图片品质降低。

信息

根据 Supply，您可以在店铺的标头中键入较多 55 字符的信息。此消息表明在搜索栏上边：

比如，您可以键入问好信息、宣传策划营销或新品系列产品，或通告顾客安排发货耽误。

要加上标头信息，请实行下列实际操作：

在信息地区中，键入标头信息。

可选择性地对一些文字运用粗字体或斜体字文件格式。

点击储存。

底部

在页脚分区，您可以编写店铺中每一个网页页面底端表明的內容。您可以将下列作用加上到底部：

社交媒体标志

支付标志

水准菜单栏

新闻通讯申请注册

自定义文字

迅速连接

要自定义底部分区，请实行下列实际操作：

在 Shopify 后台管理中，转到在线商店 > 模版。

搜索 Supply，随后点击自定义。

单击分区。

点击底部。

根据选定 Show social media icons（表明社交媒体标志），在底部中表明社交媒体标志。从社交媒体模版设定中选取要连接到的账号。

根据选定 Show payment icons（表明支付标志），将支付标志（如 Mastercard 或 PayPal）加上到底部。

在 Legal menu（标准菜单栏）地区的底部底端加上一个水准菜单栏。要编写默认设置菜单栏，请单击编写菜单栏。要更改成别的菜单栏，请单击变更，随后挑选一个目前菜单栏或点击 Create menu（建立菜单栏）。

在內容地区中，较多向底部加上 9 个內容块：

- 点击加上內容，加上內容块。从下列选择项中挑选块的种类： - 菜单栏 - 文件格式文字 - 新闻通讯申请注册

- 点击 ⁞⁞ 标志并将內容块拖拽到别的部位来挪动內容块。 - 点击某一內容块，随后点击删掉问题来删掉该內容块。 - 点击某一內容块并编写设定来自定义该內容块。

点击储存。

商品网页页面

在商品分区中，您可以加上或删掉下列原素：

图片调整图片大小

总数选择符

库存商品信息内容

商品知名品牌或经销商

存款信息内容

相关产品

动态性付款按键

社交媒体分享标志

顾客评价

编写商品界面的设定：

从顶栏下拉列表中挑选商品网页页面。

点击分区。

单击商品。

若想使顾客根据将鼠标悬停在商品图片行就可以将图片变大，请选定 Enable image zoom（开启图片调整图片大小）。

若要表明总数选择符，请选定表明总数选择符。

若想在库存量不够时查询剩下库存量，请选定 Show stock when less than 10 products available（可以用商品低于 10 件时表明库存量）。您要对商品开启库存量追踪，才可以表明此信息。

要表明一条信息，标示售完商品什么时候才会再度货源充足，请选定 Show incoming stock transfer message when sold out（售完时表明传到的库存量迁移信息）。表明的最新消息是“将在（日期）以后货源充足”。您必须为商品建立迁移，才可以表明此信息。

要表明商品知名品牌或经销商，请选定 Show product vendor（表明服务供应商）。要表明知名品牌或经销商，您必须向商品加上经销商。

若要表明顾客节约的额度，请选定 Show saved amount（表明节约的额度）。节约的额度是商品的一切正常价钱与售价中间的净额。节约的额度将往下舍入到最贴近的美金额度。比如，假如成本差别为 25.51 美金，则节约的额度为“25 美金”。要表明节约的额度，您必须设定商品的售价。

若要表明售价，请选定 Show compare at price（表明售价）。

若想在网页页面底端表明选定的相关产品，请选中表明相关产品。商品隶属的产品种类会决策表明的相关产品。要显示相关产品，您必须为商品建立产品种类，或将商品加上到目前产品种类中。假如商品不属于一切产品种类，则不容易表明相关产品。

若要显示动态性付款按键，请选定 Show dynamic checkout button（表明动态性付款按键）。

若要表明社交媒体分享标志，请选定 Enable product sharing（开启商品分享）。

要表明商品的顾客评价，请选定 Enable product reviews（开启商品评价）。若要表明评价，您必须安裝完全免费的 Shopify Product Reviews 运用并接受商品评价。

要设定多属性选择器、加上到加入购物车按键和动态性付款按键的尺寸，请从多属性选择器和按键尺寸下拉列表中挑选规格。

点击储存。

产品种类网页页面

应用 Supply，您可以特定产品种类在产品系列网页页面侧栏菜单栏中的排列方法。您可以挑选按商品标签或挑选器组开展排列。

在店铺的模版编辑软件浏览中，开启一个产品种类网页页面。

点击分区菜单栏。

点击产品种类。

从 Products per row（每排商品数）下拉框中，挑选要在每排中展示的新产品数。

从 Rows per page（每页行数）下拉框中，挑选要表明的个数。

在 Sidebar product filters（侧栏商品挑选器）下，选择是按商品标签或是按挑选器组对产品种类开展排列。

若要表明当产品种类中某一商品的价位在售价的根基上有一定的降低时的售价，或是若想与竞争者的价位开展较为，请选定 Show compare at price（表明售价）。

要表明产品报价下挫时顾客节约的额度，请选定 Show saved amount（表明节约的额度）。

要在产品种类网页页面上表明商品评价，请选定 Enable product reviews（开启商品评价）。

备注名称:您务必安裝完全免费的 Product Reviews 运用才可以开启商品评价。

点击储存。

特色食品系列产品

应用特色食品系列产品分区较多可在您的首页上挑选 6 个产品种类做为特色食品系列产品。顾客点一下首页中的特色食品系列产品时，将表明该产品种类的特色食品。假如您沒有特色食品，则会表明该产品种类中的第一张商品图片。

要在首页上表明特色食品系列产品，请实行下列实际操作：

点击分区菜单栏。

点击特色食品系列产品。

在內容地区中，点击产品种类。

从产品系列下拉框中，挑选要表明的产品种类。

再次加上产品种类，直到挑选完要表明的全部产品种类。

点击储存。

ppt

幻灯片分区容许您提交用以ppt开始播放的图片。您可以挑选ppt播映中的图片是不是翻转，而且可以设定图片转动的工作频率（以秒为企业）。

提醒: 假如ppt中的图片包含文字，请设定比较慢的衔接速率，为客人给予充足的时间段来阅读文章每份幻灯片。

应用 Supply，您最高可以为主导页挑选 6 张幻灯片图片。您可以为每份幻灯片加上 URL 连接，顾客可以点击连接开启店铺中的网页页面。

每份幻灯片图片应是 1000 x 500 清晰度。假如您应用的幻灯片图片相对高度不一样，那麼在幻灯片衔接期内，图片很有可能会弹跳或乱七八糟。

要自定您的幻灯片播映，请实行下列实际操作：

点击系统分区选项卡。

点击幻灯片。

假如期待幻灯片图片翻转，请在设定地区中选定 Auto-rotate slides（翻转幻灯片）。

从 Transition time（衔接時间）下拉框中，挑选转动工作频率（以秒为企业）。

要加上图片幻灯片，请实行下列实际操作：

在內容地区中，点击图片。

在图片地区中，点击挑选图片，随后实行下列实际操作之一：

- 若要挑选已上传入 Shopify 后台管理的图片，请单击库选项卡。 - 若想从 Shopify 的 Burst 个股图片产品种类中挑选个股图片，请单击完全免费图片选项卡。您可在这里键入搜索关键词，或访问图片类型。 - 若想从当地电子计算机挑选图片，请单击库选项卡，随后点击减号按键。

假如要加上偏向幻灯片的连接，请实行下列实际操作之一：

- 假如您要将幻灯片上的文字连接到店铺中的网页页面，请单击 Link URL（连接 URL）字段名并选择页面。 - 假如您要将幻灯片上的文字连接到某一网址，请将该站点的 URL 黏贴到 Slide link（幻灯片连接）字段名。

点击储存。

新闻通讯

您可以在首页上加上新闻通讯申请注册。这使您可以为邮件营销主题活动搜集顾客电子邮箱地址。您可在 Shopify blog上掌握相关邮件营销的详细资料。

向首页加上新闻通讯申请注册：

在 Shopify 后台管理中，转到在线商店 > 模板。

搜索 Supply，随后点击自定。

点击系统分区。

点击加上系统分区 > 新闻通讯。

在文章标题字段名中键入新闻通讯申请注册的文章标题。默认设置文章标题是“定阅大家的新闻通讯”。

在子文字字段名中键入新闻通讯申请注册的子标题。默认设置文字为“营销、新品和市场销售。立即发送给您的发件箱”。

点击储存。

短视频

您可以将 YouTube 或 Vimeo 上代管的短视频加上到您的首页。短视频可以吸引住顾客并造成她们对您工作的兴趣爱好。

在首页中加上频添：

在 Shopify 后台管理中，转到在线商店 > 模板。

搜索 Supply，随后点击自定。

点击系统分区。

点击加上系统分区 > 短视频。

在文章标题字段名中键入内容的文章标题。

在 Video link（视频链接）字段名中键入内容的分享连接。

YouTube 分享连接如下所示所显示：https://youtu.be/OTJXAUZY9t0。您可以在这里 YouTube 协助文章内容中掌握如何复制 YouTube 短视频的分享连接。

Vimeo 分享连接如下所示所显示：https://vimeo.com/281332510。您可以在这里 Vimeo 帮助中心文章内容中掌握如何复制 Vimeo 短视频的分享连接。

点击储存。

自定內容

在自定內容要素中，可应用 HTML 编码建立首页的修改內容。比如，可应用 HTML 设定文字块的文件格式、创建表或置入来源于第三方网址的內容。

若想将自定內容加上到首页，请实行下列实际操作：

在 Shopify 后台管理中，转到在线商店 > 模板。

搜索 Supply，随后点击自定。

点击一部分。

点击 Add section（加上系统分区）。

在 Advanced layout（高級合理布局）地区中，点击 Custom content（自定內容）> 加上。

点击 Custom content（自定內容），随后键入要加上到首页的 HTML 编码。

点击储存。

模板设定：您可以应用模板设定来源于定在线商店的顏色和字体样式。您还能够设定偏向社交媒体账号的连接、编写加入购物车设定及其加上网站图标。

Supply 包含下列模板设定：

色调

样式

网站图标

加入购物车

社交媒体

价钱文件格式

付款

色调

您可以为在线商店的差异一部分选择颜色。

自定色调设定

在 Shopify 后台管理中，转到在线商店 > 模板。

点击 **** 边上的自定。

点击模板设定。

点击色调。

针对每一种种类的內容，点击色调 swatch 以应用颜色选择器：

- 近期选定地区表明您近期为您的模板挑选过的色调。 - 当今应用地区表明您目前已经模板的别的一部分中采用的色调。

若想将色调设定为全透明，请单击无。

点击储存。

样式

您可设定在线商店上的文字的字体效果和尺寸。

自定字体设置

在 Shopify 后台管理中，转到在线商店 > 模板。

点击 **** 边上的自定。

点击模板设定。

点击 Typography（字体样式）。

针对每一种种类的文字，点击变更以应用字体样式选择符：

根据应用检索字段名或根据点击加载更多来访问字体样式。

若要查询全部可以用的字体样式，客户程序 Shopify 的字体包。

点击要运用的字体样式名字。

若想将字体样式更改成别的款式，比如粗字体或斜体字，请单击 Regular（基本）。下一步，点击您要运用的款式，随后点击挑选。

点击储存。

网站图标

根据 Supply，您可以将网站图标加上到您的店铺中。网站图标是一个图标，用以表明您的网址而且在它发生的任一部位做为一个转至您网址的快捷方式图标，比如：

您的 Web 电脑浏览器标识

您的 Web 电脑浏览器历史数据

桌面的标志

加上为便签后，表明在您的在线商店名字旁。

应用网站图标可以协助打造出您的店铺知名品牌，并为您的网址给予精致的外型。Supply 的建议网站图标大小为 16 x 16 清晰度。

加上网站图标：

点击模板设定选项卡。

点击网站图标。

在 Favicon image（网站图标图片）地区中，点击挑选图片，随后实行下列实际操作之一：

- 若要挑选已上传入 Shopify 后台管理的图片，请单击库选项卡。 - 若想从当地电子计算机挑选图片，请单击库选项卡，随后点击减号按键。

点击储存。

加入购物车

应用 Supply，您可以自定加入购物车网页页面以包括订单信息备注名称，并从四种加入购物车网页页面款式中实现挑选。

浏览加入购物车设定：

点击模板设定选项卡。

点击加入购物车。

开启订单信息备注名称

应用 Supply，您可以在加入购物车网页页面给予一个字段名，供顾客加上订单信息备注名称。该字段名可用以加上礼物信息、特别要求和派送表明。

加入购物车种类

Supply 给予四种加入购物车种类：

应用零件柜加入购物车种类，加入购物车会从网页页面顶部往下滚动。当加入购物车关掉时，加入购物车文字会折叠式起來：

旋转式加入购物车种类与零件柜加入购物车种类相近，但旋转动漫会在加入购物车开启和关掉时发生：

Modal 加入购物车种类是一个弹出广告，表明在网页页面內容的顶端。点击 X 或单击弹出广告外界就可以关掉该弹出广告。

网页页面加入购物车种类是您在线商店中的网页页面。顾客根据点击标头中的加入购物车连接或将产品加上到加入购物车就可以浏览加入购物车网页页面。

备注名称

假如您开启一切其的他加入购物车种类，您依然可以根据将 /cart 增加到您店铺的 URL 来浏览加入购物车网页页面。

社交媒体

您可以为商品和网络文章加上社交媒体分享按键，及其偏向您的社交媒体账号的连接。

若要自定社交媒体设定，请实行下列实际操作：

在 Shopify 后台管理中，转到在线商店 > 模板。

搜索 Supply，随后点击自定。

点击模板设定。

点击社交媒体。

若要提交社交媒体分享图片，请在社交媒体分享图片地区中，点击挑选图片或访问完全免费图片。

若想向社交媒体账号加上连接，请在账号地区中，在给予的字段名中键入账号连接。输入您详细连接，比如 https://instagram.com/shopify 或 https://twitter.com/shopify。

偏向您社交媒体账号的连接表明在您的在线商店的底部中。

要产品和网络文章中加上社交媒体分享按键，请在分享地区中选定随意或全部勾选框。

您可以加上下列分享按键：

- 在 Facebook 上分享 - 在 Twitter 里发文章 - 固定不动在 Pinterest 上（不能用以网络文章分享）

若要变更分享按键的款式，请在 Button style（按钮样式）菜单中选择一种样式。

点击储存。

备注名称: 要在商品网页页面和网络文章上表明社交媒体分享按键，您还必须在这种网页页面的系统分区中开启这种按键。

价钱文件格式

应用 Supply，您可以挑选产品报价在店铺中的显示方式。

若想在 Supply 中设定价钱文件格式选择项，请实行下列实际操作：

点击模板设定选项卡。

点击 Price format（价钱文件格式）。

假如您以应用美分成企业的贷币开展市场销售，请选定 Show cents as superscript（将便士表明为标注）以根据标注表明价钱：

备注名称

假如您的店铺应用不兼容便士或一部分企业的贷币、您应用贷币切换器表明多种多样贷币，或是您常用贷币的名字简称中有句号（比如，RS.），则标注选择项将失灵。

付款

此系统分区用以自定店铺的付款。点击这里掌握相关店铺付款网页页面的详细资料。

图片提醒

Supply 的最佳商品图片种类

屏幕分辨率更高一些的相片在 Supply 中看上去更为精美和技术专业，因而图片最少应是 1024 × 1024 清晰度。必需时，图片将全自动变小。

假如选定 Enable image zoom（开启图片调整图片大小），则应用屏幕分辨率更高一些的相片至关重要，要开启图片调整图片大小，可在模版编辑软件浏览中开启商品网页页面，随后在系统分区菜单栏中点击商品来。

产品相片的最好高宽比是方形。

变小标头

您可以根据几类方式减少网页页面的顶端系统分区。

假如您的 logo 很大，则可以利用调节模版设定中的较大总宽来变小其规格。减少 logo 的总宽也会减少其高度，由于 Shopify 会在变小 logo 的并且保存其占比。应用模版编辑软件，在标头系统分区中调节自定 logo 总宽值。默认设置清晰度数值 305。应用较小的象素值可变小 logo 的尺寸，进而减少标头的高度。

您的 logo 很有可能还包括加上到标头顶方和下边空缺地区的不由此可见或乳白色清晰度。您可以应用 Photoshop 等程序流程从 logo 图片中剪修这种清晰度。剪修 logo 后，应用模版编辑软件传上去 logo。剪修 logo 图片中的留白地区可以明显减少标头高度。

变小ppt

应用横着图片，这种图片的总宽超过他们的高度。

尽管模版编辑软件建议提交 1000 × 500 清晰度的图片，但您可采用较小的图片。提议总宽为 1000 清晰度，便于ppt在比较大显示器上的上下两边没有空缺地区。总宽较小的图片会在ppt中垂直居中表明：

备注名称

全部ppt的总宽和高度应同样。不然，当从一张ppt转动到另一张ppt时，您的首页內容可能挪动。

网站地图提醒

下列提醒可协助您改善应用 Supply 时店铺的网站地图感受。

加上下拉菜单

若想向主菜单加上下拉菜单，必须在网站地图网页页面上建立菜单栏。

主菜单最好作法

假如主菜单中的产品过多而没法放到同一行上，则最终没法放进的连接会被加入到“大量”下拉菜单中。

此个人行为不会受到主菜单中连接总数的严控，但将连接总数操纵在五或六个会有一定的协助。要包括大量连接，您可以实行下列实际操作：

根据在模版设定菜单栏上的 Typography（样式）中减少 Main menu font size（主菜单文字大小），变小网站地图连接。

对每一个连接应用较少的标识符。比如，您可以将“普遍常见问题”更改成“FAQ”，将“在线留言”更改成“联络”，将“文件目录”更改成“店铺”，并将发生的全部“和”更改成“＆”。

网站地图中包括过多新项目很有可能会使您的网址难以使用。若菜单项过多，您的顾客可扫描仪以往的关键新项目。试着将网站地图限定为五个或六个新项目。假如要给予对超出六个网页页面的浏览，请应用下拉菜单。

一个常见的不正确是以主菜单加上偏向每一个产品种类的连接。反过来，请试着在“店铺”或“文件目录”连接下的下拉菜单中列举产品种类。您还能够将产品种类溶解为组，并为每一个组给予一个下拉菜单。或是，您可以应用商品标签来建立商品的子类型。

删掉侧栏

要从店铺中删掉侧栏，您必须在2个模版文档中加上一些编码。

在 Shopify 后台管理中，转到在线商店 > 模版。

寻找要编写的模版，随后点击实际操作 > 编写编码。

在 Sections 文件目录中，点击 collection-template.liquid。

在文档中搜索 has_sidebar。删掉下列编码行：

点击储存。

在 Sections 文件目录中，点击 collection-list-template.liquid。

在文档中搜索 has_sidebar。删掉下列编码行：

点击储存。

商品提醒

下列提醒可协助您应用 Supply 展现商品。

应用高級组挑选

假如您有很多商品，您可以开启子组来协助您的顾客对设备开展排列：

界定组。在图中中，组为知名品牌、镜头焦距和屏幕分辨率。

将全部商品导出来为 .csv 文档。

在全部目前标识前边再加上您期待他们所属的组的名字，选用 Group_Tag Name 的文件格式。针对此实例，一些标识将为 Brand_Canon、Focal Length_18 - 55mm 和 Resolution_12 MP。下横线的右边是组名字，右边是商品的标识。下横线的两边均可包括空格符。

储存 .csv 文档，并将软件再次导进您的店铺。保证在文件上传时选定更换具备同样 handle 的一切目前商品，以避免建立反复的商品。

在模版编辑软件浏览中开启产品种类网页页面。在系统分区菜单栏中，点击产品种类，随后选定 By group（按组排列）选择项。

备注名称:假如在商品标签内应用反斜杠、引号或“＆”标记，则分类挑选没法按期望工作中。

再次排列挑选器组和标识

组按字母顺序排列，同组列举的标识也按此次序排列。Shopify 权威专家可以协助您自定订单信息。

标价提醒

下列提醒可协助在应用 Supply 时设定标价。

禁止使用市场销售额度的四舍五入

在 Shopify 后台管理中，转到在线商店 > 模版。

寻找要编写的模版，随后点击实际操作 > 编写编码。

在左边的财产下，点击 timber.scss.liquid 连接，进而在线上文本编辑器中开启您的模版css样式表。

在文档底端，加上以下几点：

点击储存。

加入购物车提醒

下列提醒可保证将 JavaScript 加上到 Supply 后，您店铺的加入购物车可以正常的工作中。

变更加入购物车种类，便于高級 JavaScript 一切正常运行

在 Supply 中，您加上到 cart.liquid 的一切 JavaScript 都不可能在零件柜或方式加入购物车中实行。它只能在您将 /cart 增加到店铺的 URL 时实行。比如，http://your.store.url/cart。

假如要将下列随意作用加上到加入购物车网页页面，您必须将加入购物车种类设定为“网页页面”：

运费计算器

多种多样贷币

礼品袋

加入购物车特性认证

日期选择符

“同意条文”勾选框。

要将加入购物车种类更改成“网页页面”，请实行下列实际操作：

点击模版设定。

点击加入购物车。

在 Cart type（购物车种类）下拉框中，选择页面。

点击储存。（来源于：Shopify）

以上内容属创作者个人见解，不意味着跨境电商网观点！若有侵权行为，请在线留言。

相关信息：Shopify Simple模版详尽设定实例教程