De ‘Sale’ badge in WooCommerce naast de prijs tonen

Wanneer je gebruik maakt van één van de WooCommerce thema’s die op het Storefront framework zijn gebaseerd zal WooCommerce de ‘Sale’ tekst net boven de titel tonen.

Dat is allemaal mooi en aardig, maar wat nu als je deze tekst het liefst naast de prijs wilt tonen? Dat is immers de plaats waar de ogen van een bezoeker heen zullen dwalen, nietwaar?

Dat is eigenlijk heel eenvoudig om te doen, zoals je in onderstaande code kan zien.

<?php 
// We zorgen dat de tekst niet meer boven de titel wordt getoond.
remove_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_sale_flash', 10 );
 
// En we plaatsen hem naast de prijs
add_filter( 'woocommerce_get_price_suffix', 'wxp_add_price_suffix_sale', 9999, 4 );
   
function wxp_add_price_suffix_sale( $html, $product, $price, $qty ) {
    if ( ! is_admin() && is_object( $product ) && $product->is_on_sale() ) {
      $html .= wc_get_template_html( 'single-product/sale-flash.php' );
    }
    return $html;
}

Mocht je de tekst op beide plaatsen willen tonen, dan verwijderen we gewoon de code in de regels 1-2.