移动产品说明股利Woocommerce
问题描述:
我正在寻找一种方法来移动产品说明DIV的#container的仅低于我的.site-内.wrap移动产品说明股利Woocommerce
我已经注销的选项卡和移动我的描述与这些之外功能:
//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>';
}
任何帮助将不胜感激。
感谢, 威廉
答
我能清理我的代码一点,在这个过程中得到一些帮助解决我的问题。
让我们首先将描述添加到钩子'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);
感谢, 威廉