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

时间:2018-07-31 23:04:30

标签: php wordpress woocommerce product hook-woocommerce

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

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

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

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

enter image description here

2 个答案:

答案 0 :(得分:3)

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

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文件中。经过测试,可以正常工作。

它也应该为您工作。

enter image description here

答案 1 :(得分:0)

请尝试以下代码

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

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