En versiones anteriores de WooCommerce los productos gratuitos solían mostrarse como “Gratis”, o, si no tenían precio no se podían publicar; ahora esto ha cambiado, aún así creo que “Gratis” se ve mucho mejor que $0.00.

En este tutorial te voy a enseñar como restablecer esa opción, para ello instalaremos un pequeño código en nuestro funtions.php.

A continuación a nuestro producto de ejemplo no le colocamos precio y se ve de esta forma:

Tenemos que ir al archivo functions.php de nuestra plantilla, si estas ocupando storefront debes crear un childtheme y después crear el archivo functions.php y pegar el código que se muestra a continuación.

<?php
/**
* @how-to         tutorial @ https://victorags.com/¿como-mostrar-la-palabra-"gratis"-en-vez-de-$0-o-precio-vacio-en-woocommerce?
* @sourcecode    https://victorags.com
* @author        Victor Garcia 
* @testedwith    WooCommerce 3.5.6
*/
 
add_filter( 'woocommerce_get_price_html', 'victor_price_free', 100, 2 );
  
function victor_price_free( $price, $product ){
 
if ( '' === $product->get_price() || 0 == $product->get_price() ) {
    $price = '<span class="woocommerce-Price-amount amount">GRATIS</span>';
} 
 
return $price;
}
?>

En mi archivo se ve de la siguiente manera :

Puedes cambiar la palabra gratis por la que gustes, si deseas ponerle “llévele llévele” ya será tu decisión.

Ahora, guardamos el archivo, vamos al producto y ya debe debe aparecer la palabra “gratis”, esto se debe aplicar para todos los productos que no tienen precio o tienen $0.00.

Por favor, si este tutorial te fue de ayuda regaláme un like en mi página de facebook o déjame un comentario.