WooCommerce插件区块使用设置及功能详细介绍

WooCommerce插件区块使用设置及功能详细介绍插图

当你安装WooCommerce插件时,有20个块添加到块编辑器中,WooCommerce区块提供了很多展示产品的选项。这些区块该如何使用和设置,这些区块有什么用?接下来搬主题就给大家介绍一下WooCommerce插件区块使用设置及功能。

一、WooCommerce核心中的WooCommerce区块

WooCommerce插件区块使用设置及功能详细介绍插图1

在块编辑器中搜索Woo,可以看到20个WooCommerce块。这些块在你安装WooCommerce时已经内置。你也可以通过滚动到编辑器中的区块列表的底部来找到它们。

WooCommerce插件区块使用设置及功能详细介绍插图2

将鼠标悬停在大多数块上,可以看到它在你的网站上的预览效果。这些块中的每一个都为你的WooCommerce产品提供了一个独特的视图。让我们仔细看看每个区块。我将显示它在页面上的样子,如果有的话,将突出预览。我还会提到任何独特的设置。

1、活动的产品筛选器

WooCommerce插件区块使用设置及功能详细介绍插图3

这个显示当前活动产品的筛选器。以列表的形式显示它们,或者以芯片的形式显示(类似于按钮)。选择标题级别。它与所有产品和筛选器的WooCommerce块一起工作。

2、所有产品

WooCommerce插件区块使用设置及功能详细介绍插图4

这个显示你的商店里的所有产品。它包括排序和分页。将它与最后一个区块对齐,并显示一个排序下拉。这个在添加到页面后不提供预览。

3、所有评论

WooCommerce插件区块使用设置及功能详细介绍插图5

这个区块显示所有产品评论的完整列表。它显示评论者的缩略图,产品,星级,和评论。你可以对它们进行排序,选择显示的内容,选择图片的类型,并调整列表的设置。

4、最畅销的产品

WooCommerce插件区块使用设置及功能详细介绍插图6

这个区块显示的是你所有时间内最畅销的产品的网格。你可以将它与最后一个区块对齐。添加内容元素,包括标题、价格、评价和添加到购物车的按钮。你也可以设置过滤选项。

5、特色分类

WooCommerce插件区块使用设置及功能详细介绍插图7

这个显示你想设置为特色类别的所有产品。从列表中选择类别,但你只能选择一个。

6、特色产品

WooCommerce插件区块使用设置及功能详细介绍插图8

这个显示你从列表中选择的特定产品,允许你突出显示该产品。

7、按属性筛选产品

WooCommerce插件区块使用设置及功能详细介绍插图9

这个增加了一个筛选器,所以用户可以根据产品的属性来筛选产品。你可以从列表中选择属性,如颜色和尺寸。以列表或下拉方式显示。在AND/OR之间设置查询类型。包括产品数量,选择标题级别,添加一个按钮,并选择筛选器。

8、按价格筛选产品

WooCommerce插件区块使用设置及功能详细介绍插图10

这个区块添加了一个筛选器,允许用户选择他们正在寻找的价格。价格范围可以是可编辑的按钮或文本。如果你愿意,你可以添加一个按钮,并设置标题级别。这个在添加到页面后不提供预览。

9、按库存筛选产品

WooCommerce插件区块使用设置及功能详细介绍插图11

这个功能允许用户根据库存状态来显示产品。他们可以在库存、缺货和延期交货之间进行选择。显示产品数量,选择标题级别,并添加一个按钮。你可以把它与其他WooCommerce块一起使用,如所有产品块。如果它被添加到页面,它不会显示预览。

10、手动挑选的产品

WooCommerce插件区块使用设置及功能详细介绍插图12

这个区块让您选择该区块所显示的具体产品。你想选择多少就选择多少。你可以选择将显示的内容元素,包括标题、价格、评级和添加到购物车的按钮。它也有一个按钮对齐选项,并设置顺序和过滤选项。

11、最新产品

WooCommerce插件区块使用设置及功能详细介绍插图13

这个区块在一个网格中显示你所有的最新产品。将它与上一个区块对齐,并添加内容元素,如标题、价格、评级和添加到购物车的按钮。你也可以设置过滤选项。

12、在售产品

WooCommerce插件区块使用设置及功能详细介绍插图14

这个区块显示一个网格,里面有你所有正在销售的产品。选择显示标题、价格、评价和添加到购物车的按钮。你可以将它与上一个区块对齐。它还包括订单和过滤选项。

13、产品分类列表

WooCommerce插件区块使用设置及功能详细介绍插图15

这个显示你的类别的列表。以大纲的形式显示它们,或以下拉的形式显示。显示产品数量、图像、层次结构和空类别。

14、产品搜索

WooCommerce插件区块使用设置及功能详细介绍插图16

这是一个比较独特的WooCommerce区块。它在你的页面上添加了一个搜索框,客户可以在其中输入关键词来搜索你的产品。显示或隐藏字段标签。

15、按属性分类的产品

WooCommerce插件区块使用设置及功能详细介绍插图17

这款软件根据你从列表中选择的属性,显示你的产品的网格。属性包括尺寸、颜色等。将它与最后一个区块对齐,选择要显示的内容元素,并设置过滤和排序选项。

16、按类别划分的产品

WooCommerce插件区块使用设置及功能详细介绍插图18

这个显示你选择的特定类别的产品的网格。你想选择多少个类别就选择多少个。添加内容元素,包括标题、价格、评级和添加到购物车的按钮。你还可以将它与最后一个区块对齐,并设置订单选项。

17、按标签分类的产品

WooCommerce插件区块使用设置及功能详细介绍插图19

这个显示的是你从列表中选择的标签的产品的网格。你想选择多少个标签都可以。选择将从标题、价格、评级和添加到购物车按钮中显示的内容元素。与最后一个块对齐,并选择按选项排序。

18、产品评论

WooCommerce插件区块使用设置及功能详细介绍插图20

这个显示你从列表中选择的特定产品的所有评论。

19、分类评论

WooCommerce插件区块使用设置及功能详细介绍插图21

这个区块显示基于你从列表中选择的类别的所有产品评论。选择要显示的内容元素。添加标题、价格、评价和添加到购物车的按钮。

20、评分最高的产品

WooCommerce插件区块使用设置及功能详细介绍插图22

这个显示一个网格,里面有你所有的最高评级的产品。选择要显示的内容元素,包括标题、价格、评级和添加到购物车的按钮,以及过滤类别。

二、WooCommerce 区块插件

WooCommerce插件区块使用设置及功能详细介绍插图23

WooCommerce区块插件为WordPress中的区块增加了更多的功能,并增加了两个新的区块。这两个新块会给你一个兼容性通知,表明你可能会遇到与其他扩展和集成的兼容性问题。它们的设置中包括一个链接,在那里你可以提供关于该块的反馈。

这个插件的目的是为了测试新的区块和功能。一旦这些块和功能变得稳定,它们就会被合并到WooCommerce核心中。你要小心在你的真实网站上使用这个插件。

购物车

WooCommerce插件区块使用设置及功能详细介绍插图24

这个区块将你的购物车添加到页面中。你可以包括一个运费计算器,选择结账按钮的链接,并将其设置为黑暗模式。它包括通知,你可以在WooCommerce设置中把该页面设置为默认购物车。它还包括反馈链接。

结账

WooCommerce插件区块使用设置及功能详细介绍插图25

这个区块为你的购物车提供了一个结账的功能。它提供了一个通知,你可以在WooCommerce设置中把这个页面设置为你的默认结账。它包括一个黑暗模式选项。它是由几个元素组成的,你可以独立定制。如果你把这个块添加到你的页面上,这个不提供预览。

当前WooCommerce区块的新功能

目前WooCommerce的三个块有新的或不同的功能。

所有评论 – 增加了排版和颜色设置。从7种预设的字体大小中选择或自定义大小。颜色包括10个预设值和一个自定义选项。

按产品评论 – 增加了与所有评论相同的排版和颜色设置。这个以全宽显示,并取消了块状选项和内容元素。

按类别评论 – 这个也增加了排版和颜色设置。它也是以全宽显示,并删除了块状选项和内容元素。

三、关于WooCommerce区块的总结

这就是我们对WooCommerce块的看法:这包括WooCommerce核心产品中的20个块,以及WooCommerce块插件中的2个新块和设置。WooCommerce块提供了一个展示你的产品的好方法。它们很容易使用,是将产品添加到任何页面或文章的好方法。在以后的文章中,我们将更详细地介绍每个区块,并看看如何使用它们。

 收藏 (0) 更新不易,打赏吧

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

除特别注明外,本站所有文章均基于CC-BY-NC-SA 4.0原创,转载请注明出处。
文章名称:《WooCommerce插件区块使用设置及功能详细介绍》
文章链接:https://www.banzhuti.com/woocommerce-blocks-setting.html
分享到: 生成海报
版权免责声明

① 本站提供的资源(插件或主题)均为网上搜集,如有涉及或侵害到您的版权请立即通知我们。
② 本站所有下载文件,仅用作学习研究使用,请下载后24小时内删除,支持正版,勿用作商业用途。
③ 因代码可变性,不保证兼容所有浏览器、不保证兼容所有版本的WP、不保证兼容您安装的其他插件。
④ 本站保证所提供资源(插件或主题)的完整性,但不含授权许可、帮助文档、XML文件、PSD、后续升级等。
⑤ 由本站提供的资源对您的网站或计算机造成严重后果的本站概不负责。
⑥ 使用该资源(插件或主题)需要用户有一定代码基础知识!另本站提供汉化使用安装教程,仅供参考。
⑦ 有时可能会遇到部分字段无法汉化,同时请保留作者汉化宣传信息,谢谢!
⑧ 本站资源售价只是赞助和汉化辛苦费,收取费用仅维持本站的日常运营所需。
⑨ 如果喜欢本站资源,欢迎捐助本站开通会员享受优惠折扣,谢谢支持!
⑩ 如果网盘地址失效,请在相应资源页面下留言,我们会尽快修复下载地址。

热门文章

评论 抢沙发

评论前必须登录!

立即登录   注册

WordPress主题 插件 建站 汉化

定制服务联系我们
切换注册

登录

点击按钮进行验证

忘记密码 ?

您也可以使用第三方帐号快捷登录

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活