移动产品描述 Div Woocommerce答案

【问题标题】：Move Product Description Div Woocommerce移动产品描述 Div Woocommerce
【发布时间】：2016-10-01 18:52:58
【问题描述】：

我正在寻找一种方法将产品描述 div 移到我的 .site-inner .wrap 下方的#container 之外

我已经取消注册标签并使用这些功能移动了我的描述：

//Remove all tabs 
remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10 );
//Add product description back to page after removing tabs
function woocommerce_template_product_description() {
    woocommerce_get_template( 'single-product/tabs/description.php' );
}
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_product_description', 32 );

//Add div around product description
add_action('woocommerce_single_product_summary', 'hooks_open_div', 31);
function hooks_open_div() {
    echo '<div class="product-description-container">';
}

add_action('woocommerce_single_product_summary', 'hooks_close_div', 33);
function hooks_close_div() {
    echo '</div>';
}

以下是 html 代码当前外观的一些屏幕截图：

这是我希望 html 代码的外观的屏幕截图：

任何帮助将不胜感激。

谢谢，威廉

【问题讨论】：

标签： php jquery wordpress woocommerce

【解决方案1】：

我能够稍微清理一下我的代码，并在此过程中获得了一些帮助来解决我的问题。

让我们首先将描述添加到钩子“woocommerce_after_main_content”。确保仅在单个产品上有条件地运行代码（因为该挂钩位于任何 wc 页面/存档中）并将其优先级设置为 20。这在关闭内容和容器 div 后附加了描述。

清理我的代码：

原来我使用钩子在描述周围添加一个 div 环绕的方式都是错误的。我被告知将它们放在函数 woocommerce_template_product_description() 中会更容易和更干净。

这是我的新工作代码：

//Remove all tabs
remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10 );
//Add product description back to page after removing tabs
function woocommerce_template_product_description() {
    if( is_product() ){
        echo '<div class="product-description-container"><div class="wrap">';
        woocommerce_get_template( 'single-product/tabs/description.php' );
        echo '</div></div>';
    }
}
add_action( 'woocommerce_after_main_content', 'woocommerce_template_product_description', 20 );

谢谢，威廉

【讨论】：