Question

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

有没有办法取消当前位置的标题并移动它？谢谢！

以下是我网站的link。

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 );

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

2 个答案: