問題描述

在 woocommerce 單一產品頁面中，如何將產品簡短描述移動到自定義產品選項卡中，其中描述和附加信息?

In woocommerce Single Product pages, how do I move the product short description into a custom product tab where the description and the additional information are?

我已將描述和附加信息選項卡從標準位置移至產品摘要所在的右側.但是，我想將產品摘要插入到一個選項卡中，因此基本上它將是 3 個選項卡.

I have moved the description and additional information tab from the standard position to the right side where the product summary is. However I would like to insert the product summary into a tab so essentially it will be 3 tabs.

我用來將標簽移動到圖像右側的代碼是:

The code I have used to move the tabs to the right of the image is:

remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_output_product_data_tabs', 30 );

推薦答案

您仍然保留以下更改選項卡位置的內容(就像您已經做的那樣):

You still keep the following that change the tabs location (as you already do):

remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_output_product_data_tabs', 30 );

然后，以下內容會將簡短描述的位置更改為自定義產品選項卡:

Then, the following will change the location of short description to a custom product tab:

// Remove short description
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20 );

// Add short description to a custom product tab
add_filter( 'woocommerce_product_tabs', 'add_custom_product_tab', 10, 1 );
function add_custom_product_tab( $tabs ) {

    $custom_tab = array(
        'custom_tab' =>  array(
            'title' => __( "Short description", "woocommerce" ),
            'priority' => 12,
            'callback' => 'short_description_tab_content'
        )
    );
    return array_merge( $custom_tab, $tabs );
}

// Custom product tab content
function short_description_tab_content() {
    global $post, $product;

    $short_description = apply_filters( 'woocommerce_short_description', $post->post_excerpt );

    if ( ! $short_description ) {
        return;
    }

    echo '<div class="woocommerce-product-details__short-description">' . $short_description . '</div>'; // WPCS: XSS ok.
}

代碼位于活動子主題(或活動主題)的 function.php 文件中.經測試有效.

Code goes on function.php file of your active child theme (or active theme). Tested and works.

這篇關于將簡短描述移動到 Woocommerce 單個產品頁面的選項卡中的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網！