星期二 , 2020-10-20
首页 > WooCommerce > 为WooCommerce产品页添加自定义选项卡

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

自定义选项卡

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

/*
WooCommerce添加自定义选项卡
代码来源: www.wpzhinan.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。

本文地址:http://www.wpzhinan.com/jiaocheng/456.html
版权申明:除部分代码外,本站内容均为原创,转载请注明来源,违者必究侵权责任!

相关推荐

WP_Image_Editor_Imagick 指令注入漏洞修复方法

Imagick组件爆出了超级漏洞,危害等级极高,直接导致大量使用Imagick组件的网站均 ...