移动产品说明股利Woocommerce

Question

我正在寻找一种方法来移动产品说明DIV的#container的仅低于我的.site-内.wrap

我已经注销的选项卡和移动我的描述与这些之外功能：

//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代码看屏幕截图：

任何帮助将不胜感激。

感谢， 威廉

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

感谢， 威廉