秋天来啦！秋天来啦！田野里就是美丽的图画。花生躲在地下，包着红色的毛毯，住在土黄色的房间里睡大觉。玉米姐姐穿着绿色的裙子，在叶子上跳舞，南瓜爷爷鼓着金黄色的大肚子，坐着高级的南瓜车，一边看风景一边享受。西红柿露出火红火红的脸蛋，正对着我们微笑。谁使秋天这样美？看，田野里的菊花做出了回答，菊花顶着一个爆炸头，在微风中轻轻摇动，好像在说：是勤劳的人们画出了秋天的图画。
WooCommerce开发允许您使用过滤钩子woocommerce_product_tabs在产品页面上的描述、评论和其他信息旁边添加其他选项卡。
假设您想要2个额外的选项卡-以“成分 Ingredients”和“如何使用 How To Use”为标题，可以像这样使用woocommerce_product_tabs过滤钩子…
add_filter( 'woocommerce_product_tabs', 'woo_new_product_tab' );
/**
* Add 2 custom product data tabs
*/
function woo_new_product_tab( $tabs ) {
// Adds the new tab
if(get_field('ska_ingredients')){
$tabs['ingredient_tab'] = array(
'title' => __( 'Ingredients', 'woocommerce' ),
'priority' => 15,
'callback' => 'ska_ingredients_callback'
);
}
if(get_field('ska_works')){
$tabs['work_tab'] = array(
'title' => __( 'How To Use', 'woocommerce' ),
'priority' => 15,
'callback' => 'ska_works_callback'
);
}
return $tabs;
}数组值中有3个参数：
title是选项卡的标题文字priority是优先级，数字越小，显示的位置就越靠前callback会该选项卡的内容输出回调函数名。
在我们的示例中，我们在回调函数（见下面的代码）中要调用某个字段的值，所以使用if条件if(get_field('ska_works'))先检查该字段是否存在，如果不存在，就不输出该选项卡。
function ska_ingredients_callback() {
echo the_field('ska_ingredients');
}
function ska_works_callback() {
echo the_field('ska_works');
}最终的效果大致如下：
内容参考自：https://wpbeaches.com/add-extra-tabs-on-woocommerce-products/
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
以上就是WooCommerce添加额外的选项卡到产品详情页。在位要受控，升迁要竞争，届满要轮换，末位要淘汰。更多关于WooCommerce添加额外的选项卡到产品详情页请关注haodaima.com其它相关文章！