Ecommerce Shopify WordPress Discussion

Reorder Product Price and Title in WooCommerce Product Loop

I'm attempting to modify the WooCommerce product loop to display the product price before the product title. Which is the reverse order of normal standard that's Title then Price in the output. <span class="price">Guide Price: <span class="woocommerce-Price-amount amount"><bdi>£300</bdi></span></span> <h2 class="woocommerce-loop-product__title">Product Title</h2> I've tried using the following code in my functions.php file, but it doesn't seem to have the desired effect: add_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_price', 10 ); remove_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_price', 10 ); I understand that woocommerce_template_loop_price might not be the appropriate function to use directly with add_action and remove_action, as WooCommerce leverages a combination of hooks and template files. Could you guide me on the correct approach to achieve this reordering? Is there a more efficient or recommended way to achieve this reordering using functions.php and without directly modifying core WooCommerce files? Thanks EDIT: Appears to be a conflict with filter get_price_html // Add Frontend Message 'price_qualifier' to products add_filter('woocommerce_get_price_html', 'custom_price_html', 10, 2); function custom_price_html($price_html, $product) { // Check if we are on a shop, product, or archive page, and in the loop if ( ( is_shop() || is_product() || is_archive() || in_the_loop() ) ) { // Get the value of the ACF field 'price_qualifier' $price_qualifier = get_field('price_qualifier', $product->get_id()); // Check if the ACF field is not empty, it's a sales product, and not an auction if (!empty($price_qualifier)) { // Combine ACF field value and original price HTML $price_html = '<span class="price-qualifier">' . esc_html($price_qualifier) . ':</span> ' . $price_html; } } return $price_html; }
TurboCommerce make the better internet purchasing globaly

Turbo Multi-language Translator

Make the better internet purchasing globaly

Turbosify SEO Speed Booster

5.0 (7) Free plan available
Get better conversions by improving store loading speed Installed

Turbo Multi-language Chat - AI Customer service in one hand

TurboCommerce make the better internet purchasing globaly
Our products

The help you need, when you need it

App by Turbo Engine

3 apps • 5.0 average rating

Turbosify Speed Booster

5.0 (7)
Get better conversions by optimizing shopify store Google page speed Installed

Turbosify Translator for Wordpress Woocommerce

5.0 (74) Free Wordpress Woocommerce Plugin
Translate your wordpress website to multiple language within 1 click, no configuration needed, no No technical required

Grow your business here

Whether you want to sell products down the street or around the world, we have all the tools you need.