Woocommerce-在存档页面上重新定位标题

Question

我正在使用woocommerce，并希望将存档页面上的标题移到缩略图上方。 现在，它在缩略图下方。

有没有办法将标题解钩到当前位置并移动它？ 谢谢！

这是我网站的链接 。

Answer 1

首先，您需要找到商店页面。 在您的目录中，跟随目录到此位置

可湿性粉剂内容/插件/ woocommerce /模板/内容product.php

并找到以下代码：

<li <?php post_class( $classes ); ?>>   

<?php do_action( 'woocommerce_before_shop_loop_item' ); ?>

<a href="<?php the_permalink(); ?>">

    <?php
          do_action( 'woocommerce_before_shop_loop_item_title' );
    ?>

    <h3><?php the_title(); ?></h3>

    <?php
          do_action( 'woocommerce_after_shop_loop_item_title' );
    ?>

</a>

<?php do_action( 'woocommerce_after_shop_loop_item' ); ?>

 </li>

替换为：

<li <?php post_class( $classes ); ?>>

    <h3><?php the_title(); ?></h3>

<?php do_action( 'woocommerce_before_shop_loop_item' ); ?>

<a href="<?php the_permalink(); ?>">

    <?php
          do_action( 'woocommerce_before_shop_loop_item_title' );
    ?>

    <?php
          do_action( 'woocommerce_after_shop_loop_item_title' );
    ?>

</a>

<?php do_action( 'woocommerce_after_shop_loop_item' ); ?>

 </li>

最后，使用css使其按照您想要的方式排列。 就像我说的，并不是每个模板都是平等的。 这是解决此问题的常规方法。 但这与实际修复方法相距不算太远。 您可以考虑检查图像上方的空间，然后再次允许CSS修改此部分

Answer 2

实际上，我认为做到这一点的最佳方法是：

remove_action( 'woocommerce_shop_loop_item_title', 'woocommerce_template_loop_product_title' );
add_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_title', 5 );