Mostrare i prezzi delle varianti in WooCommerce con il formato “Da XX€”

Nel mondo dell’e-commerce, il modo in cui si presenta il prezzo di un prodotto può fare la differenza tra un acquisto e un’abbandono. Uno dei modi più efficaci per renderlo più attraente è utilizzare il formato “Da XX€” per mostrare i prezzi delle varianti dei prodotti di WooCommerce. In questo articolo, ti guiderò passo passo su come inserire uno snippet di codice per raggiungere questo obiettivo.
Passaggio 1: Preparazione
Prima di iniziare, assicurati di avere installato e attivato il plugin WooCommerce sul tuo sito web. Inoltre, è necessario avere una buona conoscenza delle funzionalità di base di WooCommerce e della gestione dei prodotti e delle varianti.
Passaggio 2: Creare un file di funzioni
Per inserire lo snippet di codice, è necessario creare un file di funzioni custom nel tuo tema WordPress. Per far ciò, apri l’editor del tema e crea un nuovo file chiamato functions.php nella cartella wp-content/themes/your-theme.
Ti consiglio di fare questo nella cartella del tuo tema “Child” in modo da non perdere queste modifiche quando andrai ad aggiornare il tema.
Passaggio 3: Inserire lo snippet di codice
Nel file functions.php, aggiungi il seguente codice:
/**
* Snippet Name: WooCommerce Show Coupon Code Used In Emails
* Snippet Author: halkoo.com
*/
add_filter( 'woocommerce_get_price_html', 'change_variable_products_price_display', 10, 2 );
function change_variable_products_price_display( $price, $product ) {
// Only for variable products type
if( ! $product->is_type('variable') ) return $price;
$prices = $product->get_variation_prices( true );
if ( empty( $prices['price'] ) )
return apply_filters( 'woocommerce_variable_empty_price_html', '', $product );
$min_price = current( $prices['price'] );
$max_price = end( $prices['price'] );
$prefix_html = '<span class="price-prefix">' . __('Da ') . '</span>';
$prefix = $min_price !== $max_price ? $prefix_html : ''; // HERE the prefix
return apply_filters( 'woocommerce_variable_price_html', $prefix . wc_price( $min_price ) . $product->get_price_suffix(), $product );
}Effettua il salvataggio del file.
Dopo aver seguito questi passaggi, i prezzi delle varianti dei prodotti di WooCommerce sul tuo sito web dovrebbero essere mostrati nel formato “Da XX€”.
In questo modo, puoi rendere il tuo sito web più attraente e aumentare le chances di conversione per i tuoi clienti. Buone vendite!
Hai bisogno di aiuto? Scrivi ad info@halkoo.com per ricevere un preventivo personalizzato per il tuo nuovo sito web o negozio e-commerce.