WooCommerce: muestra los precios como "Era $$$ - Ahora $$$ - Ahorre $$$"
Muchos minoristas utilizan esta estrategia de etiqueta de precio con bastante éxito. Y mostrar la cantidad de ahorros también puede aumentar la tasa de conversión de su tienda de comercio electrónico
Por lo tanto, convertir el precio predeterminado del producto simple de “$30$ 20 ″ a " Era $ 30 - Ahora $ 20 - Ahorre $ 10 " es bastante fácil. ¡Con un poco de CSS también puede diseñar la pantalla y personalizarla de acuerdo con las pautas de su marca!
Parte 1 – Fragmento de PHP: Muestra los precios como “era, ahora, ahorra” para productos simples en oferta
/** * @snippet WAS NOW SAVE Price Format * @how-to Get CustomizeWoo.com FREE * @sourcecode https://businessbloomer.com/?p=73551 * @author Rodolfo Melogli * @compatible WooCommerce 3.5.1 * @donate $9 https://businessbloomer.com/bloomer-armada/ */add_filter( 'woocommerce_get_price_html', 'bbloomer_simple_product_price_format', 10, 2 );function bbloomer_simple_product_price_format( $price, $product ) { if ( $product->is_on_sale() && $product->is_type('simple') ) { $price = sprintf( __( '<div class="was-now-save"><div class="was">WAS %1$s</div><div class="now">NOW %2$s</div><div class="save">SAVE %3$s</div></div>', 'woocommerce' ), wc_price ( $product->get_regular_price() ), wc_price( $product->get_sale_price() ), wc_price( $product->get_regular_price() - $product->get_sale_price() ) ); } return $price;} |
Parte 2: Fragmento de CSS: Mostrar precios como "Era, Ahora, Ahorre" para productos simples en oferta
.was, .now, .save {width: 50%;padding: 0.5em 1em;text-align: center;}.was {background: #636363;color: white;}.now {background: #acacac;color: black;}.save {background: #eee;color: red;font-size: 120%;} |
Subir
Deja una respuesta