如何在 BigCommerce 上添加模板文件

已发表: 2021-01-07

BigCommerce 知道您的网站设计可以改变世界。普通用户的生活是忙碌的。

在电子商务中，废弃的购物车并非闻所未闻。然而，如果您的网站更好地保持客户的注意力，他们可能会在切换标签或出去办事之前完成购买。

因此，这一切都取决于您在商店中使用的设计和模板。

了解如何使用 BigCommerce 控制您的电子商务商店设计。

如何将模板文件添加到 BigCommerce

快速链接

您可以通过以下方式将模板添加到 BigCommerce：

BigCommerce 商店

BigCommerce 拥有一个商店，其中包含可供安装的各种主题。它们的价格从免费到 300 美元不等。主题可以按集合、行业、免费和优质内容进行排序。

当您找到您喜欢的产品时，请单击“安装”或“购买”按钮。每个主题预览都附带一个功能列表及其优化内容。在单击“安装”按钮之前，您还可以预览每个主题。

通过模板定制

模板是 BigCommerce 主题构建的框架。但是，您不一定需要为您的业务使用他们的主题之一。您还可以为商店的不同部分分配自定义布局模板，包括：

产品
品牌
类别
页

如果您正在寻找自定义功能，则需要首先使用 BigCommerce 的 Stencil CLI 工具创建和捆绑自定义模板。准备好后，有几个选项可以让您的文件准备好通过 Stencil CLI 上传：

1. 仅限捆绑包

使用“stencil bundle”命令创建一个 zip 文件，您可以将其上传到 BigCommerce 商店。如果您想检查文件的进度和完成情况，请使用“bundle”命令。此命令还可以让您了解可能阻止文件捆绑的任何错误。

还要记住，BigCommerce 对文件大小有 50MB 的硬性限制。

2. 捆绑和推送

如果您使用 Stencil CLI 令牌进行初始化，则仅使用“stencil push”命令。使用此命令将在一个进程中捆绑和上传。但是，如果您不确定您的文件是否符合“捆绑并推送”的条件，请首先检查以下要求：

使用带有“主题：修改范围”的 Stencil CLI 令牌初始化主题
安装了 Stencil CLI 1.12.0 或更高版本

您可以使用命令行上的“stencil -V”或“stencil –version”提示符检查您的 Stencil 版本。

并非每个人都可以在一个过程中上传主题。如果您在单独的过程中捆绑和上传，则将主题推送到 BigCommerce 的方法如下：

成功上传后，选择是/否将主题上传到您的店面
如果是，请使用箭头键选择变体

一旦您选择“Y”，您就必须立即选择您的变体。如果您想稍后将新上传的内容应用到您的商店，请选择“N”。

如何自定义 BigCommerce 模板

要自定义旧蓝图主题，请查看以下步骤：

前往店面
单击我的主题
选择编辑 HTML/CSS
在 Default.html 编辑器屏幕中更改颜色
保存更改

需要注意的是，如果您想使用此方法，则只能访问店面中存在的蓝图模板文件。

如果您使用 Stencil 主题，请按照以下说明进行自定义：

前往店面
单击我的主题
选择自定义
做出改变
选择“发布”以使更改显示在您的店面中

使用页面生成器自定义模板主题时，您可以更改多个方面，例如文本大小和颜色。您还可以使用用户友好的拖放方法添加不同的视觉元素，例如横幅、轮播和图像。或者，您可以使用自定义 HTML 块进行必要的更改。

请记住，您可以保存而不发布更改以显示在您的店面中。

哪里可以找到 BigCommerce 模板

找到新的 BigCommerce 模板最简单的地方之一就是他们的商店。他们有不同的主题风格可以满足大多数需求，而且许多最受欢迎的风格不会花费您一毛钱！

一些第三方网站还出售与 BigCommerce 兼容的模板。不过，这些模板的价格可能会有所不同，所以如果您选择这条路线，请准备好花一些钱。

当然，您始终可以为您的商店定制设计模板。这是迄今为止最昂贵的选择，因此您可能需要先检查所有其他途径，然后再研究这一途径。

如何编辑 BigCommerce 的 HTML 模板

如果您使用的是蓝图主题，则可以通过多种方法来编辑 HTML 模板。要在浏览器中编辑实时主题：

前往您的店面
单击我的主题
选择编辑 HTML/CSS

在浏览器中进行编辑是进行快速、简单更改的好方法。您在编辑器中保存的任何内容都会立即生效。

如何使用 Stencil 在 BigCommerce 上添加单个自定义模板布局文件

如果您需要 Stencil 框架内的自定义模板，BigCommerce 也可以让您这样做。首先，您需要设置本地副本：

在“templates/pages”目录中创建自定义子目录
创建 HTML 模板文件并将其放置在自定义子目录中
编辑 URL 并将其映射到“.stencil”文件

在本地完成主题创建后，您可以将文件捆绑并推送到 BigCommerce。

其他常见问题解答

如何为 BigCommerce 创建新模板？

您可以安装 Stencil CLI 在本地自定义模板并将其捆绑起来上传到商店。

如何更新我的 BigCommerce 主页？

您的主页包含小部件和横幅的组合。您可以选择启用或禁用它们。或者，您可以转到“营销”，然后转到“横幅”，为主页创建横幅。

此外，您只需创建一个新网页并选中复选框，确认您要将其显示为商店的主页。

BigCommerce 中的模板是什么？

模板是 BigCommerce 用来允许用户选择使用电子商务模板或完全自定义网站的主题框架。

如何编辑 BigCommerce 主题？

这取决于您使用的主题类型。如果您使用的是旧版蓝图主题，请执行以下编辑步骤：

• 在您的店面中，单击“我的主题”

• 单击“编辑 HTML/CSS”按钮

• 在 Default.html 编辑器屏幕中更改颜色

• 完成更改后，单击“保存”按钮

如果您使用的是 Stencil 主题，请按照以下步骤操作：

• 前往店面

• 选择“我的主题”，然后选择“自定义”

• 做出改变

• 单击“发布”以使更改显示在您的店面中

如何自定义我的 BigCommerce 模板？

您的自定义选项取决于您使用的模板类型。一般来说，您可以转到“店面”，然后转到“我的主题”。从那里，您可以选择“编辑 HTML/CSS”或“自定义”来进行更改。

不要满足于普通商店

当然，您可以使用模板来启动并运行您的商店。然而，您也会面临它看起来像其他店面的风险。或者更糟糕的是，它可能看起来像您竞争对手的在线商店！

但是，通过一些简单的调整，您可以自定义您的店面，使其与您的业务一样独特。尝试使用颜色、字体和图像，直到您拥有一家您可以自豪地称之为自己的商店。

您定制过 BigCommerce 模板吗？请在下面的评论部分告诉我们。