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.309 views
- 1 Commento
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 […]