wordpress网站woocommerce产品增加tabs切换菜单的方法

因为wordpress网站的woocommerce产品tabs切换菜单三个默认的tabs分别为description(描述)、additional_information(其他信息)、reviews(评价)。要想修改或者增加新的就需要其他方法。


woocommerce产品tabs切换菜单自定义方法


第一种方法:

可以使用插件:[YITH] WooCommerce Tab Manager Premium  进行设置。

第二种方法:

用woocommerce的钩子修改woocommerce_product_tabs。

对三个标题进行修改:

add_filter( 'woocommerce_product_tabs', 'woo_new_product_tab' );
function woo_new_product_tab( $tabs ) {
// Adds the new tab
$tabs['description']['title'] = __( '商品描述' );
$tabs['reviews']['title'] = __( '商品评价' );
$tabs['additional_information']['title'] = __( '商品参数' );
return $tabs;
}


增加新的Tab,可以用下面代码:

add_filter( 'woocommerce_product_tabs', 'woo_new_product_tab' );
function woo_new_product_tab( $tabs ) {
// Adds the new tab
$tabs['desc_tab'] = array(
'title' => __( 'Additional Information', 'woocommerce' ),
'priority' => 50,
'callback' => 'woo_new_product_tab_content'
);
}


WooCommerce 钩子:

WordPress 中的钩子本质上是在不编辑核心文件的情况下可以更改或添加代码。它们在 WordPress 和 WooCommerce 中广泛使用,对开发人员非常有用。


有两种类型的钩子:Action和Filter。

  • Action Hooks 允许你在不同的点插入自定义代码(无论钩子在哪里运行)。

  • Filter Hooks 允许操作并返回它传递的变量(例如产品价格)。


使用钩子

如果使用钩子来添加或操作代码,可以通过多种方式添加到自定义代码:

  1. 到自定义子主题的functions.php文件。

  2. 使用诸如Code Snippets之类的插件。


使用动作钩子

要执行您自己的代码,您可以使用 action hook 进行挂钩do_action('action_name');。这是放置代码的位置:

add_action( 'action_name', 'your_function_name' );

function your_function_name() {
// Your code
}

使用过滤器钩子

过滤器钩子在整个代码中都被调用,使用apply_filter( 'filter_name', $variable );.  要操作传递的变量,您可以执行以下操作:

add_filter( 'filter_name', 'your_function_name' );

function your_function_name( $variable ) {
// Your code
return $variable;
}

使用过滤器,您必须返回一个值。


要想了解更多WooCommerce Hooks内容,可以参考官方文档:

https://woocommerce.com/document/introduction-to-hooks-actions-and-filters/

https://woocommerce.github.io/code-reference/hooks/hooks.html