如何在 BigCommerce 上添加模板文件

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

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

所以，这一切都归结为设计和您在商店中使用的模板。

了解您的方式可以使用 BigCommerce 控制您的电子商务商店设计。

如何将模板文件添加到 BigCommerce

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

BigCommerce 商店

BigCommerce拥有可供安装的各种主题的商店。它们的价格从免费到 300 美元不等。主题可以按收藏、行业、免费和付费内容排序。

找到您喜欢的尺寸后，单击“安装”或“购买”按钮。每个主题预览都带有一个功能列表以及它的优化内容。您还可以在单​​击安装按钮之前预览每个主题。

通过模板自定义

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

• 产品
• 品牌
• 类别
• 页面

如果定制是您所需要的，您需要首先使用 BigCommerce 的 Stencil CLI 工具创建和捆绑定制模板。准备好后，有几个选项可以让您的文件准备好通过 Stencil CLI 上传：

1。仅捆绑

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

请记住，BigCommerce 的文件大小硬性限制为 50MB。

2.捆绑和推送

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

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

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

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

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

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

如何自定义 BigCommerce 模板

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

• 转到 Storefront
  
• 点击我的主题
  
• 选择编辑 HTML/CSS
  
• 在 Default.html 编辑器屏幕中更改颜色
• 保存更改

重要的是请注意，如果您想使用此方法，则只能访问位于店面的蓝图模板文件。

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

• 转到店面
  
• 点击我的主题
  
• 选择自定义
  
• 进行更改
• 选择发布以使更改显示在您的店面中

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

请记住，您无需发布更改即可保存以显示在店面中。

在哪里可以找到 BigCommerce 模板

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

一些第三方网站还出售与 BigCommerce 兼容的模板。不过，这些模板的价格各不相同，所以如果你走这条路，请准备好花一些钱。

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

如何为 BigCommerce 编辑 HTML 模板

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

• 转到您的 Storefront
  
• 点击我的主题
  
• 选择编辑 HTML/CSS
  

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

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

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

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

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

其他常见问题解答

我如何创建BigCommerce 的新模板？

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

如何更新我的 BigCommerce 主页？

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

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

BigCommerce 中的 Stencil 是什么？

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

如何编辑 BigCommerce 主题？

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

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

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

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

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

如果您使用的是 Stencil 主题，请改为执行以下步骤：

• 转到店面

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

• 进行更改

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

如何自定义我的 BigCommerce 模板？

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

不要满足于通用商店

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

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

您是否自定义了 BigCommerce 模板？在下面的评论部分告诉我们。