製品ページの詳細タブからライトボックス

Question

私のwoocomere製品ページには、さまざまな情報（説明など）を表示する製品のタブがあります。しかし、私はテキストや画像を表示するligthboxポップアップで特定のタブを回すことができるようにしたい。それのためのワードプレスで利用可能なプラグインはありますか？

Answer 1

ライトボックスにタブの内容を表示するには、function.phpで以下のコードを試してください。私はあなたと共有しているより基本的な構造をカスタマイズする必要がありますか？

add_action('woocommerce_product_write_panel_tabs','outputTabTitle'); 

add_action('woocommerce_product_write_panels','outputTabEditContent'); 

add_filter('woocommerce_product_tabs','productTab'); 

機能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; 
}