php - 彼此下方的 WooCommerce 选项卡

Question

我正在寻找一种方法，将 WooCommerce 选项卡和内容分块放置在彼此下方。我在示例中添加了图像。谁能帮帮我？

Answer 1

试试这个 PHP 片段——它将删除选项卡并调用每个模板部分以在堆栈中显示它们。下面的代码适用于描述和附加信息选项卡，您可能需要稍微修改它以包含所有选项卡。

将以下代码粘贴到 functions.php 或使用 Code Snippets Wordpress Plugin添加以下代码:

add_action( 'after_setup_theme','db_stack_product_tabs' );

function db_stack_product_tabs(){ 
    // Remove product tabs
    remove_action('woocommerce_after_single_product_summary','woocommerce_output_product_data_tabs', 10 ); 
    // Get tab content template parts
    add_action('woocommerce_after_single_product_summary','db_get_tab_template_parts', 10 );
}

function db_get_tab_template_parts() {
    // Include required template parts
    ?>
    <div class="woo-description-section"><?php wc_get_template( 'single-product/tabs/description.php' ); ?></div>
    <div class="woo-information-section"><?php wc_get_template( 'single-product/tabs/additional-information.php' ); ?></div>
    <?php comments_template();
}