Astra 主题中的 WooCommerce 集成概述

Astra 与 WooCommerce 完美集成。所有 WooCommerce 元素都会自动适应您由 Astra 提供支持的网站的其余部分,并从主题定制器设置中获取颜色、字体。这样,您只需进行最少的设置即可立即启动并运行您的商店。让我们来看看!

注意:我们在 Astra Pro Addon 插件的专用模块中提供了更多样式选项。了解有关 Astra Pro Addon 的 WooCommerce 模块的更多信息。

Astra Pro Addon 通过WooCommerce 模块扩展了 WooCommerce 选项。

WooCommerce 设置

请确保您已安装 WooCommerce 插件。安装并激活后,您会在定制器下找到 WooCommerce 的专用选项卡。

注意:在 Astra 2.0 之后,我们在定制器中将 Astra WooCommerce 设置与 WooCommerce 默认设置进行了合并。现在,您可以在 WooCommerce 的第一个面板中找到合并后的设置。

WooCommerce,Astra 3.0+

WooCommerce 标签

在 WooCommerce 选项卡下,您将发现更多选项被分类到其他选项卡中。

注意:现在我们已将所有 WooCommerce 设置放在一个 WooCommerce 选项卡下。同时,您会在指出的选项卡中找到带有 WooCommerce 设置的 Astra 设置。

WooCommerce 设置,Astra 3.0+

产品目录

您可以在此处控制商店页面的外观。以下是可用设置:

  • 商店存档内容宽度:您可以选择默认或自定义选项。如果选择自定义设置,则可以设置存档内容宽度。
  • 商店列:每个设备的列数
  • 每页产品数:您想要显示的产品数量
  • 商店产品结构:产品结构,您可以在其中移动元素或禁用它们。
WooCommerce 产品目录,Astra 3.0+
WooCommerce 产品结构,Astra 3.0+

单个产品页面

启用或禁用面包屑出现在此部分。

WooCommerce 面包屑,Astra 3.0+

购物车页面

如果您希望显示交叉销售产品,您可以启用“启用交叉销售”复选框。

WooCommerce 购物车,Astra 3.0+

产品图片

您可以使用 Astra 以及提供缩略图裁剪选项的 WooCommerce 设置来设置主图像宽度和缩略图宽度。

菜单中的购物车图标:
您可以通过导航至外观 > 自定义 > 标题 > 主菜单选项并启用 WooCommerce 作为菜单中的最后一项来在菜单中显示购物车图标。

WooCommerce 迷你购物车,Astra 3.0+

容器设置

您可以在 WooCommerce 页面上的“外观”>“自定义”>“全局”>“容器”中独立控制容器布局。您在此处设置的选项将影响 WooCommerce 商店、单一产品、购物车和结帐页面。请注意,您可以通过元设置
覆盖单个页面的容器设置。

WooCommece 布局,Astra 3.0+

侧边栏

您可以在 WooCommerce 页面(例如商店、购物车和结帐)上独立控制侧边栏。要设置侧边栏,请导航至外观 > 自定义 > 侧边栏
为了进一步控制单个产品,我们提供了其自己的侧边栏设置,因此您可以在其中拥有完全不同的侧边栏。
您可以从定制器向任何侧边栏添加小部件。

WooCommerce 页面上的侧边栏,Astra 3.0+
WooCommerce 产品侧边栏,Astra 3.0+

再次请注意,您可以通过元设置覆盖单个页面的容器设置。

基础颜色和字体

正如文章开头所提到的,所有 WooCommerce 元素都会自动适应您由 Astra 提供支持的网站的其余部分,并从主题定制器设置中获取颜色和字体。

WooCommerce 排版,Astra 3.0+
WooCommerce 颜色,Astra 3.0+

我们在Astra Pro Addon插件的专用模块中提供了更多样式选项。了解有关Astra Pro Addon 的WooCommerce模块的更多信息。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容