将产品标题移至Woocommerce存档页面上的产品图片上方

Question

我正在尝试将产品标题移到产品档案页面上的产品图片上方。我设法弄清楚了如何移动信息，但是价格也在图像上方移动。

我只希望产品标题在产品图片上方。价格应保持在下方，并带有“添加到购物车”按钮等。

这是到目前为止我的代码段和结果的屏幕截图：

remove_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 10 );
add_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 10 );

Answer 1

相反，请尝试以下操作，您将在产品标题之后设置产品缩略图：

remove_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 10 );
add_action( 'woocommerce_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 11 );

代码进入您的活动子主题（或活动主题）的function.php文件中。经过测试，可以正常工作。

它也应该为您工作。

Answer 2

请尝试以下代码

请在下面的文件中更改代码

wp-content / plugins / woocommerce / templates / content-product.php

OR

wp-content / theme / yourtheme / woocommerce / templates / content-product.php

    do_action( 'woocommerce_before_shop_loop_item' );
    do_action( 'woocommerce_before_shop_loop_item_title' );
    do_action( 'woocommerce_shop_loop_item_title' );
    do_action( 'woocommerce_after_shop_loop_item_title' );
    do_action( 'woocommerce_after_shop_loop_item' );

替换它

do_action( 'woocommerce_shop_loop_item_title' );
do_action( 'woocommerce_before_shop_loop_item' );
do_action( 'woocommerce_before_shop_loop_item_title' );
do_action( 'woocommerce_after_shop_loop_item_title' );
do_action( 'woocommerce_after_shop_loop_item' );