为WooCommerce产品页添加自定义选项卡-利剑分享-科技生活
利剑分享-科技生活-利剑分享-科技生活
利剑分享-科技生活

为WooCommerce产品页添加自定义选项卡

为WooCommerce产品页添加自定义选项卡

自定义选项卡

WooCommerce默认有产品描述、评论等选项卡,往往我们对这些选项卡觉得不够用。比如,我们需要添加个发货时间说明、额外的运费说明,还需要加个联系客服询价等等内容就无处加了。因此,我们需要给默认选项卡位置添加一些自定义选项卡来显示相关内容。上例截图中加了自定义询价选项卡。那么如何才能为WooCommerce产品页添加自定义选项卡呢?方法是用wordpress的add_filter配合custom field来实现。以下是实现代码:

/*
WooCommerce添加自定义选项卡
代码来源: www.wpzxbj.com
*/
add_filter( 'woocommerce_product_tabs', 'wc_add_features_tab' );
function wc_add_features_tab( $tabs ){   
    global $product;
    $content = get_post_meta( $product->id, 'product_features', true );
    if( !empty($content) ) {
        $tabs[ 'features' ] = array(
            'title'    => 'Features', //标签名
            'priority' => 1,
            'callback' => 'wc_features_tabs_panel_content',
            'content'  => $content,  // custom field
        );
    }
    return $tabs;
}
function wc_features_tabs_panel_content( $key, $tab ){
    echo  '

' . $tab['title'] . '

'; echo $tab['content']; }

代码说明:以上代码将为产品页添加一个Features的选项卡,内容可以用custom field来添加。将以上代码插入主题function.php,并创建对应的custom field。

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