使用 WordPress Hooks 自定义您的 WooCommerce 商店

已发表: 2020-01-14
WordPress hooks

最后更新 - 2020 年 2 月 24 日

在本文中,我们将介绍在为 WordPress 开发 WordPress 主题或插件时最重要的主题之一: WordPress 钩子,我们将解释动作钩子和过滤器钩子之间的区别。

钩子嵌入在整个 WordPress 核心、大多数 WordPress 主题和所有顶级 WordPress 插件中。 WordPress Hooks 是一个事件驱动的系统,允许您添加自己的新代码,或编辑 WordPress 生态系统中的现有代码。

WooCommerce 钩子

WordPress 挂钩本质上是 php 函数,可让您将自己的代码添加到 WordPress,或在整个 WordPress 中编辑现有代码,而无需在自定义 WordPress 站点和/或 WooCommerce 商店时编辑核心文件。

钩子也在整个 WooCommerce中使用,允许开发人员通过操作钩子轻松添加自己的自定义功能,或编辑 WooCommerce 插件中内置的功能,以通过过滤器钩子进一步自定义您的在线商店。

WooCommerce 操作和过滤器:

您可以使用 2 种不同类型的挂钩来进一步自定义您的 WooCommerce 商店。 虽然建议您不要直接编辑主题或插件文件,但建议您创建一个子主题,然后将 php 代码片段插入到 functions.php 文件中,或者您可以使用WooCustomizer插件,它可以让您无需知道如何编码即可编辑大量过滤器。

动作挂钩:

使用do_action( 'action_name' )函数在整个 WooCommerce 中放置动作挂钩,因此,您可以使用动作名称来指定要在何处执行要添加的代码。

要添加您的自定义代码,您只需在其中创建一个包含代码的新 php 函数,然后通过在add_action()函数中添加操作名称作为第一个参数来指定代码运行的位置。

例子:

add_action( 'action_name', 'your_custom_function_name' );
function your_custom_function_name() {
// Your code
}

所以你只是对 WooCommerce 代码说 - “当这个 do_action 运行时添加我的操作”。

过滤器挂钩:

使用apply_filter( 'filter_name', $variable )函数在整个 WooCommerce 中调用过滤器挂钩。 这允许您操作传递给函数的变量,然后根据需要返回变量值。

例子:

add_filter( 'filter_name', 'your_custom_function_name' );
function your_custom_function_name( $variable ) {
// Your code editing the variable
return $variable;
}

与动作挂钩类似,您创建自己的 php 函数并指定使用哪个过滤器,但这次您传入一个已经存在的变量,并使用您的函数将输出操作为您需要的输出。

使用过滤器挂钩,您需要返回一个值

您不确定自己使用 WooCommerce 挂钩创建子主题、添加或编辑自己的 php 函数吗?

使用 WooCustomizer 自定义您的 WooCommerce 商店

看看新的WooCustomizer插件...... WooCustomizer 具有许多功能,可以编辑和进一步自定义您的 WooCommerce 商店,而无需任何编码知识或需要添加您自己的代码。

WordPress 钩子

WooCustomizer 提供了许多现有的 WooCommerce 钩子,用于编辑和为您的 WooCommerce 商店添加额外的功能。

WooCustomizer 插件提供的一些功能:

  • 编辑商店和产品页面的产品“特价”横幅
  • 编辑不同产品类型的“添加到购物车”按钮
  • 删除任何商店、产品、用户帐户和/或购物车页面元素
  • 在您的商店产品中添加“新产品”或“售罄”横幅
  • 自定义添加到购物车按钮、销售横幅等的设计
  • 为用户编辑用户帐户选项卡和基本结帐字段
  • 将产品统计信息添加到管理员用户的网站前端
  • 将登录/注销菜单项添加到任何选定的菜单

+ 更多

下载 WooCustomizer

想要更多的 WooCommerce 商店?

WooCustomizer 还附带了一个高级版本,它提供了很多额外的功能来增加销售额并为您的 WooCommerce 商店添加额外的有用功能。

WooCustomizer Pro 包括:

WooCommerce 的目录模式

从您的 WooCommerce 商店轻松删除所有“添加到购物车”和购买功能,将您的商店变成漂亮的在线目录。 将这些设置应用于所有产品、选定产品或仅应用于已注销的用户,提示用户创建帐户并登录以购买您的产品。

WordPress 钩子

WooCommerce 的自定义感谢页面

WooCustomizer 提供了为 WooCommerce 构建您自己的自定义感谢页面的能力,使用默认的 WordPress 编辑器或您喜欢的任何其他页面构建器。 将客户重定向到新的默认感谢页面,根据他们购买的产品将他们重定向到不同的页面,或者根据他们在商店中购买产品的方式将他们重定向到页面。

WordPress 钩子

WooCommerce 的产品快速查看

让您的用户可以选择预览完整的产品信息并轻松“添加到购物车”或从商店或存档页面上的弹出窗口中浏览所有图像。 这有助于您的用户更快地浏览商店。

WordPress 钩子

WooCommerce Ajax 搜索

帮助用户更快地找到您的产品? 将简单的 ajax 产品搜索添加到您的搜索栏、小部件区域或商店页面,以在您的用户开始输入搜索您的产品时显示产品预测。

WordPress 钩子

WooCommerce 菜单车

打开 WooCommerce 的 WooCustomizers Menu Cart 并选择您希望在哪个菜单中显示 WooCommerce 购物车。添加一个下拉式迷你购物车篮,以便您的用户可以添加或删除产品、查看他们的购物车或直接结帐。

查看 WooCustomizer

使用我们的特殊优惠券可在首次购买WooCustomizer时享受 15% 的折扣

LW15OFF

开始使用钩子编辑!

现在您已经了解了 WordPress 挂钩在 WordPress 和 WooCommerce 中的工作原理,您可以轻松地在 WooCommerce 在线商店中添加或编辑所需的功能。

请注意:不要忘记此代码应始终添加到子主题站点自定义插件中,以便在更新 WordPress 主题时不会丢失编辑。

如果您仍然对添加自己的代码以进一步编辑您的 WooCommerce 商店有点不确定,那么我们建议您试用WooCustomizer 插件 它采用了所有可用的 WooCommerce 钩子并创建了一个可视化界面来编辑代码,所有这些都内置在 WP Customizer 中,此外它还提供了更多内容,例如产品统计信息、登录/注销菜单项等等。