产品页面详细信息选项卡到灯箱

时间:2017-03-13 23:36:46

标签: wordpress woocommerce

在我的woocomere产品页面中,有一个产品标签显示不同的信息(描述等)。但我希望能够在特定选项卡中转动显示文本或图像的ligthbox弹出窗口。在wordpress中有没有可用的插件呢?

1 个答案:

答案 0 :(得分:0)

请在function.php中尝试以下代码,以在灯箱中显示标签内容。您可能需要定制更多但我与您分享的基本结构。

add_action( 'woocommerce_product_write_panel_tabs','outputTabTitle');

add_action( 'woocommerce_product_write_panels','outputTabEditContent');

add_filter( 'woocommerce_product_tabs','productTab');

function outputTabTitle()

{

    ?>

    <li class="custom_tab">

        <a href="#custom-tab" class="lightbox">Additional Information</a>

    </li>

    <?php
}

function outputTabEditContent ()

{
    global $woocommerce, $post;

    echo '<div id="custom-tab" class="panel woocommerce_options_panel">';

    /************Please put you lightbox  text and image here. 

    echo '</div>';
}

function productTab ( $tabs )

{
    $tabs['custom-tab'] = array(

        'title'     => __( 'Additional Information', 'woocommerce' ),

        'priority'  => 50,

        'callback'  => 'outputTabEditContent'
    );

    return $tabs;
}