![](/img/trans.png)
[英]Woocommerce how to move the product tabs before the short description
[英]Move short description into tabs in Woocommerce single product pages
在 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 );
您仍然保留以下更改选项卡位置的内容(就像您已经做的那样):
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 文件中。 测试和工作。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.