//Badge prodotto in promozione WooCommerce
Badge prodotto in promozione WooCommerce
Su un prodotto scontato su un sito in WordPress, utilizzando il plugin WooCommerce , generalmente viene mostrato un badge o una parola evidenziata che ha come testo “In promozione”, . Di solito il testo varia in base al tema installato presente sul proprio sito WP.
Vorresti modificare quel badge/parola che appare sulle foto dei tuoi prodotti, ma non c’è una sezione che ti permetta di farlo ? Niente panico, scopriamo come farlo in pochissimi minuti!
Per prima cosa quello che ti serve è un FTP Manager, oppure potrai utilizzare il plugin che ti permetta di vedere i tuoi file come ho scritto precedentemente in questo articolo .
Modificare Badge prodotto in promozione WooCommerce
Adesso rechiamoci nella cartella del tema in uso in wp-content -> themes -> cartella (nome del tuo tema) .
Nel tema ci sarò un file chiamato “functions.php” , apriamolo e incolliamo questo codice che ho già preparato per te :
/**
Calcolo e vista della percentuale di sconto sul prodotto - WooCommerce
*/
add_action( 'woocommerce_before_single_product_summary', 'labdesign80_show_sale_percentage', 25 );
add_action( 'woocommerce_before_shop_loop_item_title', 'labdesign80_show_sale_percentage', 25 );
function labdesign80_show_sale_percentage() {
global $product;
if ( $product->is_on_sale() ) {
if ( ! $product->is_type( 'variable' ) ) {
$max_percentage = round( ( ( $product->regular_price - $product->sale_price ) / $product->regular_price ) * 100 );
} else {
foreach ( $product->get_children() as $child_id ) :
$variation = $product->get_child( $child_id );
$price = $variation->get_regular_price();
$sale = $variation->get_sale_price();
$percentage = $price != 0 && ! empty( $sale ) ? ( ( $price - $sale ) / $price * 100 ) : $max_percentage;
if ( $percentage >= $highest_percentage ) :
$max_percentage = $percentage;
$regular_price = $product->get_variation_regular_price( 'min' );
$sale_price = $product->get_variation_sale_price( 'min' );
endif;
endforeach;
}
echo apply_filters( 'woocommerce_sale_flash', '<span class="onsale">-' . round($max_percentage) . '%</span>', $post, $product );
}
}
Con questo codice ora vedrai la percentuale di sconto in totale sul prodotto.
Se il tuo prodotto costasse 100€ e il prezzo di promozione fosse 50€ , questo snippet di codice mostrerà la percentuale esatta anziché la parola sulla/sotto la foto del prodotto, ovvero 50%.
Se invece quello che cerchi è semplicemente un metodo per modificare la parola “in promozione” sulla foto del prodotto , potrai usare questo snippet :
<?php if ( ! defined( 'ABSPATH' ) ) { exit; // Exit if accessed directly } global $post, $product; ?>
<?php if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly global $post, $product; if ( ! $product->is_in_stock() ) return;
$sale_price = get_post_meta( $product->id, '_price', true);
$regular_price = get_post_meta( $product->id, '_regular_price', true);
if (empty($regular_price)){ //then this is a variable product
$available_variations = $product->get_available_variations();
$variation_id=$available_variations[0]['variation_id'];
$variation= new WC_Product_Variation( $variation_id );
$regular_price = $variation ->regular_price;
$sale_price = $variation ->sale_price;
}
$sale = Cancellami e modifica questa frase ;
?>
<?php if ( !empty( $regular_price ) && !empty( $sale_price ) && $regular_price > $sale_price ) : ?>
<?php echo
apply_filters( 'woocommerce_sale_flash', '<span class="onsale"> $sale </span>', $post, $product );
?>
<?php endif; ?>
Tutto quello che dovrai fare è modificare la frase “cancellami e modifica questa frase” che ho creato per te.
Chiaramente dovrai utilizzare piccole parole, come “scontato” o “in sconto” per non pasticciare troppo la foto del prodotto in promozione di WooCommerce sul tuo WordPress.
Rimuovere il badge o la parola sul prodotto in promozione
Vorresti rimuovere il badge/parola dal tuo prodotto in promozione?
Incolla questo codice :
add_filter('woocommerce_sale_flash', 'lw_hide_sale_flash');
function lw_hide_sale_flash()
{
return false;
}
Bene adesso avrai il tuo prodotto con un badge personalizzato ! 😀
È stato utile questo articolo ? 🙂
Lasciami un commento
- 1.219 views
- 1 Commento
Ogni articolo equivale a 2 ore di lavoro
Chi sono 03.
Alessandro Albergo
Dopo le mie precedenti esperienze lavorative per alcune aziende in Italia e all’estero, decisi di intraprendere il percorso che da sempre mi affascinava e quindi seguire le miei passioni.
Segui la pagina Instagram per non perdere le news
5 Maggio 2021 /
[…] dell’editor però esiste una funzione che permette di posizionare un post o prodotto di WooCommerce che vorresti promuovere di WordPress sempre in prima pagina, visualizzandolo in prima posizione nella pagina archivio dei […]