12 March, 2019 steades

¿Como mostrar la palabra “Gratis”, en vez de $0 en #WooCommerce?

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.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
/**
* @how-to         tutorial @ https://steades.com/¿como-mostrar-la-palabra-gratis-o-precio-vacio-en-woocommerce?
* @sourcecode    https://steades.com
* @author        Steades, Inc.
* @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.

Get Connected.

We are always looking for new exciting projects and collaborations. Feel free to contact us.