2016-10-01 6 views
2

機能:ここではenter image description here移動製品の説明本部Woocommerce

私はhtmlコードを見てみたいかのスクリーンショットです: ここ

//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コードが現在どのように見えるかのいくつかのスクリーンショットです

ご協力いただければ幸いです。

私は少し、その過程では、私の問題を解決するためにいくつかの助けを得た私のコ​​ードをクリーンアップすることができたおかげで、 ウィリアム

答えて

0

フック 'woocommerce_after_main_content'に説明を追加することから始めてください。 1つの製品でのみ条件付きでコードを実行し(そのフックが任意の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); 

おかげで、 ウィリアム

関連する問題