移動產品說明股利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); 

感謝， 威廉