Question

在woocommerce单一产品页面中，如何将产品简短描述移至描述和其他信息所在的自定义产品标签中？

我已将“描述和其他信息”选项卡从标准位置移至产品摘要所在的右侧。但是，我想将产品摘要插入标签中，因此本质上将是3个标签。

我用来将标签页移动到图像右侧的代码是：

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 );

Answer 1

您仍然保留以下更改选项卡位置的内容（如您已经做的那样）：

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 );

然后，以下内容将简短说明的位置更改为自定义产品标签：

// 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文件上。经过测试，可以正常工作。

将简短描述移至Woocommerce单个产品页面中的标签中

1 个答案: