Move product title above product image on Woocommerce archive pages

Question

I am trying to move the product title above the product image on the product archive page. I have managed to figure out how to move the information, but the price is moving abov

Answer 1

Instead try the following, where you will set the product thumbnail just after the product title:

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

Code goes in function.php file of your active child theme (or active theme). Tested and works.

It should work for you too.

Answer 2

Try this below code

Please change the code in below file

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

Replace it

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