首页 > 解决方案 > 将 WooCommerce 产品描述移动到其自己的 div 中的摘要下方

问题描述

所以我试图将产品描述“proddesc”移到“summary entry-summary”div之外,并在同一个div之下。现在它在“摘要条目摘要”内,我希望它不在此范围内。如果这是有道理的。

在此处输入图像描述

这就是它现在的位置

<div class="single-product-summary">
 <div class="summary entry-summary">
   <div class="woocommerce-product-details__short-description"></div>
   <div class="product_meta"></div>
   <div class="proddesc"></div>
  </div>
 </div>

我想要这样

<div class="single-product-summary">
 <div class="summary entry-summary"> 
   <div class="woocommerce-product-details__short-description"></div>
   <div class="product_meta"></div>
 </div>
 <div class="proddesc"></div>
</div>

所以我在我的functions.php文件中使用了这个函数

function woocommerce_template_product_description() {
    echo '<div class="proddesc">';
    wc_get_template( 'single-product/tabs/description.php' );
    echo '</div>';
  }
    add_action( 'woocommerce_single_product_summary', 'woocommerce_template_product_description', 60 );

它可以将它从原始位置取出,但我需要将它放在里面

  <div class="single-product-summary">

而不是在里面

   <div class="summary entry-summary"> 

希望这一切都有意义。

标签: phpwordpressfunctionwoocommerce

解决方案


所以谢天谢地,我用了更多的工具,我意识到我在我的函数中放了错误的钩子。

它应该是

function woocommerce_template_product_description() {
echo '<div class="proddesc">';
wc_get_template( 'single-product/tabs/description.php' );
echo '</div>';
 }
 add_action( 'woocommerce_after_single_product_summary', 'woocommerce_template_product_description', 60 );

推荐阅读