登录
免费试用
帮助中心
知识库
用户文档

BigCommerce for WordPress 主题（β测试）

我们将涵盖的内容

BigCommerce for WordPress主题（暂时命名为“Stellar”）是WordPress生态系统中第一个可用的原生BigCommerce主题。它为商家和开发人员提供原生WordPress主题，使他们能够轻松设计和销售一个漂亮的响应式店面。

 

封闭β测试：此功能目前处于封闭β测试阶段，并非适用于所有商店。

为什么我应该使用BigCommerce for WordPress主题？

BigCommerce for WordPress主题可以通过WordPress Customizer或子主题进行自定义。它在整个站点中使用CSS自定义属性，从而可以轻松地在全球范围内应用更改，几乎不需要CSS。

BigCommerce for WordPress主题通过WordPress定制器提供所见即所得的功能，并与WordPress的块编辑器Gutenberg完全兼容。除了移动响应之外，它还符合WAG 2.1 AA标准。

它将与BigCommerce for WordPress插件一起维护和支持，这意味着插件中引入的所有影响店面体验的功能，例如多店面，都将在主题中得到支持。

 

本文介绍了BigCommerce for WordPress主题的UI体验：如果您是开发人员，请参阅我们的BigCommerce for WordPress主题开发人员文档。

要求

  • WordPress 5.9+
  • 现有的BigCommerce商店

支持

如果您需要对BigCommerce for WordPress主题的支持或想留下反馈，请使用私人社区组。

设置BigCommerce for WordPress主题

要设置BigCommerce for WordPress主题，请使用以下步骤：

  • 1. 下载压缩文件。
  • 2. 在您的WordPress仪表板中，进入Themes > Appearance，单击Add New，然后Upload Themes并将zip文件拖到该区域。
  • 3. 单击立即安装。

安装主题后，您可以选择单击Live Preview或Activate。如果您已有WordPress店面并且不想更改活跃购物者的所看到的店铺外观，请选择实时预览。选择激活以使其成为当前活动的主题并更改店面外观。

WordPress定制器/定制主题的外观

WordPress定制器允许您直观地预览BigCommerce for WordPress主题中包含的许多可用主题自定义选项。要查看可用选项，请导航至Appearance > Customizer。

站点标识

站点标识选项卡允许您设置属于您的徽标、标题、标语（元描述）和站点图标（图标）。

颜色

颜色选项卡允许您设置站点的背景和主题颜色。

背景图片

背景图像选项卡允许您设置站点的背景图像

有关配置商店菜单的更多详细信息，请参阅菜单。

默认情况下，主题不包含面包屑，但如果安装了插件，我们确实支持Yoast SEO面包屑。

主题设置

按钮

按钮选项卡允许您更改默认按钮标签。

横幅

横幅选项卡允许您启用或禁用网站顶部和底部的BigCommerce横幅。

购物车

购物车选项卡允许您配置迷你购物车、空购物车通知、物流信息和优惠券券码。

颜色和主题

颜色和主题选项卡允许您配置特定于插件的样式，例如销售价格、可用性、条件和横幅颜色。

产品目录

产品目录选项卡允许您配置产品循环的外观。

产品分类

产品分类选项卡允许您切换在菜单中显示子类别的功能。

单品

Product Single选项卡允许您配置产品详细信息页面的外观。

菜单设置

BigCommerce for WordPress主题默认包括两个菜单位置。Primary Navigation和Utility Navigation菜单显示在屏幕顶部并在移动设备上折叠显示。

使用以下步骤在WordPress仪表板中创建一个新菜单：

  • 1. 进入Appearance > Menu，然后点击创建新菜单。
  • 2. 在菜单名称字段中输入您的菜单名称。
  • 3. 从添加菜单项列添加项目。
  • 4. 完成后，单击保存菜单。

使用以下步骤将搜索图标添加到实用程序导航：

  • 1. 从添加菜单项列中选择自定义链接。
  • 2. 在出现的弹出窗口中，在URL字段中输入/?s=# 。
  • 3. 在导航标签字段中输入搜索。
  • 4. 将CSS类设置为menu_item–search js-search-modal。注意：您可能需要单击屏幕右上角的屏幕选项才能显示CSS类。
  • 5. 完成后，单击保存菜单。

使用以下步骤将购物车链接添加到实用程序导航：

  • 1. 将购物车页面添加到菜单中。
  • 2. 将CSS Classes字段设置为menu_item–cart。注意：您可能需要单击屏幕右上角的屏幕选项以显示CSS类。
  • 3. 完成后，单击保存菜单。

使用以下步骤将帐户链接添加到实用程序导航：

  • 1. 从添加菜单项列中选择自定义链接。
  • 2. 将网址设置为#
  • 3. 在导航标签字段中输入帐户。
  • 4. 将CSS类设置为menu_item–account。注意：您可能需要单击屏幕右上角的屏幕选项以显示CSS类。
  • 5. 在Account下添加所需的页面，完成后单击Save Menu。