在woocommerce中添加内容和自定义页面标题的位置

时间:2017-02-16 14:33:02

标签: php css wordpress woocommerce

我正在尝试在页面标题后添加内容并自定义所有产品在woocommerce中列出的页面样式,但我不知道我可以将文件复制到我的自定义主题的哪个位置,我已经能够在循环中自定义产品但不知道在哪里定制? 在inspect元素上,h1元素为class page-title

<h1 class="page-title">Nettbutikk</h1>

3 个答案:

答案 0 :(得分:0)

woocommerce/templates/single-product/title.php是您要查找的文件。您可以将single-product/title.php复制到yourchildthemefolder/woocommerce/single-product/title.php

这是指向该文件的github的链接,以便您自己查看。如果这有帮助,请告诉我! :) https://github.com/woocommerce/woocommerce/blob/master/templates/single-product/title.php

答案 1 :(得分:0)

要编辑woocommerce产品列表页面,需要编辑文件woocommerce/archive-product.php

答案 2 :(得分:0)

Woocommerce上市产品页面使用给定的挂钩在产品标题后添加内容。

add_action( 'woocommerce_after_shop_loop_item_title', 'after_shop_loop_item_title', 1 );

将此代码添加到当前活动主题的functions.php中。

add_action( 'woocommerce_after_shop_loop_item_title', 'after_shop_loop_item_title', 1 );
function after_shop_loop_item_title() {
   global $post;
   $terms = get_the_terms( $post->ID, 'product_cat' ); 
  $text = "<p> (";
   foreach ($terms as $term) {
      $text .= $term->name;
   }
   $text .= ") </p>";
   echo $text;

}

引用者:https://businessbloomer.com/woocommerce-visual-hook-guide-archiveshopcat-page/