如何自定义 BigCommerce 商店设计
已发表: 2017-04-06
自定义 BigCommerce 商店设计并建立您的独特品牌
BigCommerce 是一个综合平台，可为像您这样的企业主提供完整的电子商务包，包括自行设置和自定义 BigCommerce 商店设计的能力（或者您可以聘请像我们这样的专家为您做这件事）。 它拥有您开展电子商务业务并取得成功所需的一切。 不涉及复杂的安装和集成，如果运气好的话，您可以创建经得起时间考验的东西。
BigCommerce 在电子商务领域如此受欢迎是有原因的。 它带有内置系统，可让您采用现有主题（付费或免费）并对其进行自定义以创建非凡的东西。 不用说，每个品牌都需要自己独特的声音和外观。 虽然标准模板表现得非常好，但您无法在使用它们的竞争中脱颖而出。 肯定会有很多人像您一样使用相同的主题，您的品牌可能会在混合中失去其身份。 您需要自定义 BigCommerce 主题，为您的品牌增添一层个性。
BigCommerce 模板的特点是它们都使用 HTML 和 CSS。 就模板自定义而言，这为您提供了无限的多功能性。 因此，虽然您可以通过设计模式轻松进行基本修改，但更复杂的修改需要您了解 HTML 和 CSS。 如果您没有时间自己做这一切，您可以求助于像 1 Digital Agency 这样的专业人士来为您定制 BigCommerce 设计。
通过设计模式定制 BigCommerce
设计模式是您在任何地方都能找到的真正独一无二且最简单的定制系统。 它使您有机会使用简单的拖放菜单自定义 BigCommerce 主题。 您可以在商店的任何页面上重新排序或删除商品。 不幸的是，它最大的优势也是它的弱点。 当您使用设计模式自定义 BigCommerce 设计时，除了重新排序网页上的内容或完全删除某些内容之外，您无法做任何其他事情。
无论如何，设计模式都有它的用途，特别是如果您正在寻找基本的修改。 您可以通过单击“商店设计”选项卡，然后单击“控制面板”中的“设计模式”选项卡来访问它。 一旦你这样做了，设计模式就启用了，你就可以开始定制了。
要使用设计模式，您需要访问您要自定义的商店页面。 页面顶部应该有一个工具栏对您可见（见下文），这表明设计模式已启用。
拖放功能是在公园散步。 在要自定义的任何页面上，将指针移至要移动的项目。 指针会改变形状。 现在使用鼠标左键将该项目拖动到您希望它出现的位置并松开。 如果要删除某个项目，请右键单击它并从菜单中选择“删除面板”。 对页面进行所有调整后，保存并享受您的手工作品。
使用快速编辑修改您的商店
正如我们之前所说，您可以使用设计模式自定义 BigCommerce 模板，但这还远远不够。 您只能从设计中重新排序和删除项目。
您可以自定义 BigCommerce 模板的另一种方法是通过样式表编辑器。 商店设计选项卡中的浏览模板文件选项允许您编辑主题的任何模板文件的 CSS。 您需要了解 HTML 和 CSS 才能从这里自定义 BigCommerce，但这很容易成为更有效的方法。 事实上，像我们这样的专业人士对主题进行的大多数自定义都是通过“快速编辑”选项进行的。
进入编辑器后，您将在左侧栏中看到模板文件列表。 第一部分包含模板中正在使用的文件，而另一部分显示主题的所有剩余模板文件，根据它们的类型分组。
当您单击任何模板文件时，编辑器会在右侧打开（见上文）。 它显示了该模板的所有编码，您可以在此处对 HTML 进行任何更改。 这非常棘手，应该留给了解 HTML 的专家。
通过 FTP 自定义 BigCommerce 设计
当您考虑自定义 BigCommerce 时，通常情况下，您会发现主题的每个方面都是可自定义的，只要您知道如何去做。 对于基本的东西，我们已经讨论了设计模式。 对于更高级的 BigCommerce 自定义，有 HTML 编辑器或快速编辑。 但这并不是全部。 还提供了对特殊目录的 FTP 访问权限，使用户（专家用户）有机会修改其他两个选项无法修改的所有内容。
您需要通过 FTP 将您的商店连接到该目录。 您可以在此处上传文件，然后必须将其链接回您的 BigCommerce 商店。 最好的方法是下载模板中所有模板文件的 ZIP 存档并修改您需要更改的文件。 您可以上传的文件类型包括 HTML 和 CSS、.jpg、.jpeg 和 .png 等图像以及 .flv、.fla 等媒体文件。请记住，这些上传的文件的 URL 链接与模板文件。 您必须将这些新 URL 合并到使用它们的样式表或网页中。
2019 年更新：
随着在线数字世界的稳步增长和上升，电子商务平台需要不断更新其选项和功能。 虽然上面的内容对所有 BigCommerce 店主来说仍然非常有用，但自此博客首次发布以来，已经进行了一些更新。
所见即所得的编辑器
所见即所得：所见即所得。 这个 BigCommerce 编辑器可用于网页、横幅、产品和类别。 这个编辑器是一个“前台编辑器”，这意味着它允许您在不更改任何代码的情况下编辑上述特定页面的内容。 WYSIWYG 允许您格式化文本、创建链接、添加图像、视频和其他媒体，以及创建表格。 如果您不想使用编辑器，可以在您的商店设置中单击一个禁用按钮。
BigCommerce 风格主题编辑器
如果您购买了 BigCommerce 主题并想要对其进行自定义，只需前往您的 BigCommerce 店面并单击“我的主题”。 这将带您进入一个屏幕如下所示的页面：
单击“自定义”按钮后，将打开一个新窗口，其中样式编辑器面板位于屏幕左侧。
无论您的 BigCommerce 商店使用 Blueprint 主题还是 Stencil 主题，BigCommerce 都可以让您使用样式编辑器更改店面的外观和感觉，而无需更改任何代码。 使用 Blueprint 和 Stencil 主题，您可以更改字体和颜色、图像大小、添加产品列等，以使您的网站更加适合您的品牌和偏好。
自定义 HTML 和 CSS 代码
如果您在样式编辑器中发现无法进行某些更改，那么您需要考虑编辑主题的 HTML 和 CSS 代码。 为此，您需要下载要编辑的主题。 它看起来像这样：
完成要处理的主题后，将其保存在计算机上，然后就可以开始进行编辑和自定义了。 但是，如果您不熟悉 Web 开发，那么强烈建议您找有深入了解的人来帮助您，这样您就不会遇到任何可能导致整个网站出现故障的重大问题。
BigCommerce 最佳数字代理商的商店定制
建立品牌不仅仅是想出一个好的标志和标语。 您的电子商务商店需要体现您的品牌所代表的一切。 虽然 BigCommerce 很容易成为您首选的电子商务平台，但您需要自定义 BigCommerce 模板以创建真正独特的网站设计。
在 1Digital Agency，我们的专家了解 BigCommerce 自定义和自定义 BigCommerce 商店模板设计的来龙去脉。 不仅如此，我们了解电子商务，并且可以就如何通过吸引他们眼球、用户友好且最重要的是对您的商业意识形态独一无二的设计与您的客户群建立联系为您提供专家建议。
考虑到 UX 和 UI，我们的专业电子商务设计师和开发人员将把您的愿景转化为功能齐全、一流的电子商务网站设计，该设计具有充分的响应能力，并吸引用户继续浏览您的在线商店页面。 他们会将您品牌的各个方面整合到他们对您的网站做出的每一个决定中。 从颜色到字体、图像等等，您的网站将吸引合适的用户并让他们保持足够长的时间参与，从而带来更高的转化率。
我们的专家从一开始就与 BigCommerce 合作。 我们拥有不言而喻的多功能工作组合。 我们不仅定制 BigCommerce 设计，而且还提供营销和开发服务。 作为经过认证的 BigCommerce 合作伙伴，我们很自豪地说，我们的声誉建立在努力工作的基础上，并致力于使每个项目都取得成功。 立即致电 888.982.8269 或联系我们 通过我们的网站，让我们向您展示我们能做什么。