问题描述
我正在尝试将附加信息选项卡与 WooCommerce 中的描述选项卡合并.
I am trying to merge the additional information tab with the description tab in WooCommerce.
目的是在 2 列布局中并排显示来自两个选项卡的信息，其中第一列显示说明，第二列显示附加信息.
The intention is to display information from both tabs side-by-side in a 2-column layout, where the first column displays the description and the second column the additional information.
这可以用一段可以放在functions.php中的代码来实现吗?
Can this be achieved with a piece of code that can be placed in functions.php?
推荐答案
我最终采用了稍微不同的方法，基本上只是禁用了附加详细信息选项卡并将内容重新添加到 the_content产品(即普通的描述"选项卡).
I ended up taking a slightly different approach, basically just disabled the Additional Details tab and re-adding the content to the_content of the product (that is, the normal Description tab).
// Remove Additional Info tab
add_filter('woocommerce_product_tabs', 'remove_tab_additional_info', 30);
function remove_tab_additional_info($tabs){
unset( $tabs['additional_information'] );
return $tabs;
}
// Add original Additional Info tab info to the end of the_content
add_filter('the_content','add_details_to_content', 10, 1);
function add_details_to_content($content){
if ( is_product() ){
global $product;
$content = '<div class="product-description">'.$content.'</div>';
ob_start();
?><div class="product-additional-info"><?php
$heading = apply_filters( 'woocommerce_product_additional_information_heading', __( 'Additional information', 'woocommerce' ) );
if ( !empty($heading) ) {
?>
<h3><?php echo esc_html( $heading ); ?></h3>
<?php }
do_action( 'woocommerce_product_additional_information', $product );
?></div><?php
$content .= ob_get_clean();
}
return $content;
}
这篇关于如何在 WooCommerce 中合并描述和附加信息选项卡?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！