Personalizza il tuo negozio WooCommerce utilizzando WordPress Hooks

Ultimo aggiornamento - 24 febbraio 2020

In questo articolo introdurremo uno degli argomenti più importanti nello sviluppo di temi o plug-in WordPress per WordPress: WordPress hook e spiegheremo la differenza tra action hook e filter hook.

Gli hook sono incorporati nel core di WordPress, nella maggior parte dei temi di WordPress e in tutti i migliori plugin di WordPress. Gli Hook di WordPress sono un sistema basato sugli eventi che ti consente di aggiungere il tuo nuovo codice o modificare il codice esistente all'interno dell'ecosistema WordPress.

Ganci WooCommerce

Gli hook di WordPress sono essenzialmente funzioni php che ti consentono di aggiungere il tuo codice a WordPress o modificare il codice esistente in WordPress senza dover modificare i file principali durante la personalizzazione del tuo sito WordPress e/o del negozio WooCommerce.

Gli hook vengono utilizzati anche in WooCommerce , consentendo agli sviluppatori di aggiungere facilmente le proprie funzioni personalizzate tramite action hook o modificare la funzionalità integrata nel plug-in WooCommerce per personalizzare ulteriormente il tuo negozio online tramite i filtri hook.

Azioni e filtri WooCommerce:

Esistono 2 diversi tipi di hook che puoi utilizzare per personalizzare ulteriormente il tuo negozio WooCommerce. Anche se si consiglia di NON modificare direttamente i file del tema o del plug-in, si consiglia di creare un tema figlio e quindi inserire i frammenti di codice php nel file functions.php, oppure utilizzare il plug-in WooCustomizer che ti consente modificare molti filtri senza dover sapere come programmare.

Azioni Ganci:

Gli hook delle azioni vengono inseriti in WooCommerce utilizzando la do_action( 'action_name' ) , quindi puoi usare il nome dell'azione per specificare dove vuoi eseguire il codice che stai aggiungendo.

Per aggiungere il tuo codice personalizzato devi semplicemente creare una nuova funzione php con il tuo codice all'interno e specificare dove vuoi che venga eseguito il codice aggiungendo il nome dell'azione come primo parametro nella funzione add_action() .

Esempio:

add_action( 'action_name', 'your_custom_function_name' );
function your_custom_function_name() {
// Your code
}

Quindi stai semplicemente dicendo al codice WooCommerce: " aggiungi la mia azione quando viene eseguito do_action ".

Ganci per filtri:

Gli hook del filtro vengono chiamati in WooCommerce utilizzando la apply_filter( 'filter_name', $variable ) . Ciò ti consente di manipolare la variabile che viene passata alla funzione e quindi restituire il valore della variabile quando ne hai bisogno.

Esempio:

add_filter( 'filter_name', 'your_custom_function_name' );
function your_custom_function_name( $variable ) {
// Your code editing the variable
return $variable;
}

Simile all'action hook, crei la tua funzione php e specifichi su quale filtro usarla, ma questa volta stai passando una variabile che esiste già e usando la tua funzione per manipolare l'output in base a ciò che ti serve.

Con Filter hook è necessario restituire un valore .

Non sei sicuro di creare un tema figlio, aggiungere o modificare le tue funzioni php usando gli hook di WooCommerce?

Personalizza il tuo negozio WooCommerce con WooCustomizer

Dai un'occhiata al nuovo plug-in WooCustomizer ... WooCustomizer include molte funzionalità per modificare e personalizzare ulteriormente il tuo negozio WooCommerce senza avere alcuna conoscenza di codifica o dover aggiungere il tuo codice.

WooCustomizer offre molti degli hook WooCommerce esistenti per la modifica e l'aggiunta di funzionalità extra al tuo negozio WooCommerce.

Alcune funzionalità offerte dal plugin WooCustomizer:

• Modifica i banner dei prodotti "In vendita" per le pagine del negozio e dei prodotti
• Modifica i pulsanti "Aggiungi al carrello" per i diversi tipi di prodotto
• Rimuovere qualsiasi elemento della pagina Negozio, Prodotto, Account utente e/o Carrello
• Aggiungi i banner "Nuovo prodotto" o "Esaurito" ai prodotti del tuo Negozio
• Personalizza il design dei pulsanti Aggiungi al carrello, banner di vendita e altro ancora
• Modifica le schede dell'account utente e i campi di pagamento di base per gli utenti
• Aggiungi le statistiche del prodotto al front-end del sito Web per gli utenti amministratori
• Aggiungi una voce di menu Login/Logout a qualsiasi menu scelto

+ molto di più

Scarica WooCustomizer

Vuoi di più per il tuo negozio WooCommerce?

WooCustomizer include anche una versione premium che offre molto extra per aumentare le vendite e aggiungere funzionalità extra utili al tuo negozio WooCommerce.

WooCustomizer Pro include:

Modalità catalogo per WooCommerce

Rimuovi facilmente tutte le funzionalità "aggiungi al carrello" e acquista dal tuo negozio WooCommerce, trasformando il tuo negozio in un bellissimo catalogo online. Applica queste impostazioni a tutti i prodotti, prodotti selezionati o solo agli utenti disconnessi, chiedendo agli utenti di creare un account e accedere per acquistare i tuoi prodotti.

Pagine di ringraziamento personalizzate per WooCommerce

WooCustomizer offre la possibilità di creare le tue pagine di ringraziamento personalizzate per WooCommerce, utilizzando l'editor WordPress predefinito o qualsiasi altro generatore di pagine che ti piace. Reindirizza il cliente alla tua nuova pagina di ringraziamento predefinita, reindirizzalo a pagine diverse a seconda dei prodotti che ha acquistato o reindirizzalo a pagine a seconda di come ha acquistato i prodotti nel tuo negozio.

Visualizzazione rapida del prodotto per WooCommerce

Dai ai tuoi utenti la possibilità di visualizzare in anteprima le informazioni complete sul prodotto e aggiungerle facilmente al carrello o sfogliare le immagini da un popup nel tuo negozio o nelle pagine dell'archivio. Questo aiuta i tuoi utenti a navigare più velocemente nel negozio.

WooCommerce Ajax Cerca

Aiutare gli utenti a trovare i tuoi prodotti più velocemente? Aggiungi una semplice ricerca di prodotti Ajax alla barra di ricerca, alle aree dei widget o alla pagina del negozio, per visualizzare una previsione dei prodotti quando i tuoi utenti iniziano a digitare per cercare i tuoi prodotti.

Carrello Menu WooCommerce

Attiva WooCustomizers Menu Cart per WooCommerce e seleziona in quale menu desideri visualizzare un carrello WooCommerce. Aggiungi un carrello mini carrello a discesa in modo che i tuoi utenti possano aggiungere o rimuovere prodotti, visualizzare il carrello o andare direttamente alla cassa.

Visualizza WooCustomizer

Usa il nostro coupon speciale per ricevere il 15% di sconto sul tuo primo acquisto per WooCustomizer

LW15OFF

Inizia a modificare con gli hook!

Ora che hai compreso come funzionano gli hook di WordPress in WordPress e WooCommerce, puoi facilmente aggiungere o modificare le funzionalità di cui hai bisogno sul tuo negozio online WooCommerce.

Nota: non dimenticare che questo codice deve essere sempre aggiunto a un tema figlio o a un plug-in di personalizzazione del sito in modo da non perdere le modifiche quando aggiorni il tema WordPress.

Se non sei ancora sicuro di aggiungere il tuo codice per modificare ulteriormente il tuo negozio WooCommerce, ti consigliamo di provare il plug-in WooCustomizer . Prende tutti gli hook WooCommerce disponibili e crea un'interfaccia visiva in cui modificare il codice, tutto integrato nel WP Customizer, inoltre offre molto altro come statistiche sui prodotti, voci di menu di accesso/disconnessione e molto altro.