Aggiungi badge per i prodotti nuovi

INFORMAZIONI SULLO SNIPPET

Con WooCommerce, è già presente di default un badge per i prodotti in offerta. Tuttavia, se desideri visualizzare un badge “NUOVO” per i prodotti pubblicati negli ultimi 30 giorni (il numero di giorni lo puoi impostare dal codice), puoi farlo facilmente. Questa caratteristica non solo catturerà l’attenzione del cliente, ma comunicherà anche che il vostro negozio è costantemente aggiornato con nuovi prodotti e contenuti, il che è positivo anche per Google.

PHP
/*
* Snippet Name:     Aggiungi badge per i prodotti nuovi.
* Snippet Author:   Matteo De Maria
*/
add_action('woocommerce_before_shop_loop_item_title', 'nuovo_badge', 3);
function nuovo_badge() {
    global $product;
    $giorni_novita = 30; // Imposta il numero di giorni entro i quali un prodotto è considerato "nuovo"
    $creato_il = strtotime($product->get_date_created());
    if ((time() - (60 * 60 * 24 * $giorni_novita)) < $creato_il) {
        echo '<span class="nuovo">' . esc_html__('novità', 'woocommerce') . '</span>';
    }
}

Copia il codice nel file functions.php del tuo tema child attivo o utilizza il plugin Code Snippets.

CSS
/*Badge nuovo prodotto*/
.woocommerce ul.products li.product .new {
	position: absolute;
	left: auto;
	right: 15px;
	top: 15px;
	z-index: 2;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
	background: #006400;
	border-radius: 5px;
	padding: 4px 8px;	
}

Aggiungi questo CSS nel tuo tema per personalizzare lo stile del badge.

Lascia un commento

I commenti non pertinenti allo snippet o offensivi non verranno approvati.

Se desideri condividere del codice, per favore fallo in questo modo: [php]il tuo codice[/php].

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati con *

DMM WEB DESIGN
Questo sito utilizza cookie tecnici e di profilazione. Cliccando su accetta si autorizzano tutti i cookie di profilazione. Cliccando su rifiuta o la X si rifiutano tutti i cookie di profilazione. Cliccando su personalizza è possibile selezionare quali cookie di profilazione attivare.