Mostrar la cantidad ahorrada como porcentaje

Podemos mostrar la cantidad ahorrada en porcentaje en los productos rebajados.

Preparándonos

Asegúrate que tienes al menos producto rebajado en tu tienda.

Cómo hacerlo

  1. Abre functions.php situado en wp-conten/themes/tu-tema/functions.php
  2. Añade este código al final del fichero:
    // calcula el porcentaje ahorrado.
    function woocommerce_custom_calculate_percentage_saved( $product ) {
        return round( ( ( $product->get_regular_price() - $product->get_sale_price() ) / $product- >get_regular_price() ) * 100 );
    }
  3. Este código calcula el porcentaje ahorrado. Ahora tenemos que escribir un filtro para que se muestre en el sitio correcto y reemplace  el precio que se muestra por defecto con nuestro precio, que incluye el porcentaje ahorrado.
  4. Añade el siguiente código al final de functions.php
    // Añade el porcentaje ahorrado al lado del precio de venta
    add_filter( 'woocommerce_sale_price_html', 'woocommerce_custom_percentage_saved', 10, 2 );
    function woocommerce_custom_percentage_saved( $price, $product ) {
        $percentage_saved = woocommerce_custom_calculate_percentage_saved( $product );
        return $price . sprintf( __( ' Save %s', 'woocommerce' ), $percentage_saved . '%' );
    }
  5. Guarda el fichero y súbelo a tu sitio.
  6. Ahora deberías ver el porcentaje ahorrado al lado del precio rebajado.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *