I migliori frammenti di codice WooCommerce per WordPress

Pubblicato: 2023-05-12

Vuoi conoscere i migliori frammenti di codice WooCommerce per WordPress ? Se hai intenzione di modificare il tuo negozio online e aggiungere altre funzionalità, continua a leggere questo articolo. Questa guida ti mostrerà una serie di frammenti di codice che dovresti conoscere.

Ma prima, vediamo cos'è uno snippet di codice e perché dobbiamo usarne uno.

Che cos'è uno snippet di codice?

Uno snippet di codice è una piccola sezione di codice che esegue un'attività o una funzione specifica su un sito Web o un programma. Viene spesso utilizzato per personalizzare il sito Web/strumento e migliorarne le funzionalità.

Puoi scrivere frammenti di codice in qualsiasi linguaggio di programmazione, con complessità che vanno da una semplice funzione o algoritmo a una riga a più righe. Inoltre puoi trovarli anche online nelle librerie di codici, nei forum e nei blog di programmazione e sono spesso condivisi e modificati dagli sviluppatori per soddisfare le loro esigenze specifiche.

L'utilizzo di frammenti di codice può far risparmiare tempo e fatica. Ma è essenziale capire come funziona il codice e assicurarsi che sia sicuro e non causi vulnerabilità. Inoltre, quando si utilizzano frammenti di codice da fonti esterne, è essenziale verificarne i requisiti di licenza e attribuzione per evitare violazioni del copyright.

Perché aggiungere frammenti di codice WooCommerce a WordPress?

Se utilizzi frammenti di codice WooCommerce per WordPress, ne trarranno vantaggio sia il proprietario che gli sviluppatori.

Ad esempio, puoi utilizzare i frammenti di codice WooCommerce per aggiungere nuove funzionalità o modificare le funzionalità esistenti di un negozio online. Questo può aiutare a migliorare l'esperienza dell'utente e aumentare le vendite.

Ad esempio, puoi utilizzare uno snippet di codice per aggiungere un'opzione di ordinamento dei prodotti personalizzata o per modificare la procedura di checkout per soddisfare meglio le esigenze di una particolare azienda.

Inoltre, l'utilizzo di frammenti di codice WooCommerce per WordPress può essere più efficiente rispetto all'installazione e alla configurazione di un plug-in separato perché consente modifiche più mirate ed evita potenziali conflitti con altri plug-in o temi.

Inoltre, i frammenti di codice WooCommerce possono aiutare a migliorare la sicurezza e le prestazioni di un negozio online. Aggiungendo codice personalizzato al file functions.php oa un file plugin separato, gli sviluppatori possono garantire che il codice sia ottimizzato per le esigenze specifiche del sito web.

Infine, i frammenti di codice possono fornire una soluzione più conveniente rispetto all'assunzione di uno sviluppatore. Anche se alcune personalizzazioni potrebbero richiedere un lavoro di sviluppo più complesso, è possibile ottenere molte modifiche utilizzando semplici frammenti di codice trovati online.

Tuttavia, un codice scritto male può causare errori e vulnerabilità di sicurezza. Pertanto, consigliamo di testare e comprendere il codice in un ambiente di staging prima di aggiungerlo a un sito Web.

Inoltre, conserva un backup dei file e del database del sito Web per proteggere il tuo duro lavoro.

Come aggiungere frammenti di codice WooCommerce a WordPress

Puoi aggiungere frammenti di codice WooCommerce a WordPress in pochi semplici passaggi:

  • Apri il file functions.php: il file functions.php è dove puoi trovare la maggior parte dei frammenti di codice di WordPress. Di solito è nella cartella del tema; puoi accedervi tramite la dashboard di WordPress o un client FTP.
  • Aggiungi lo snippet di codice: copia e incolla lo snippet desiderato nel file functions.php. Assicurati di aggiungerlo nella posizione appropriata, ad esempio alla fine del file, dopo qualsiasi codice esistente.
  • Salva le modifiche: una volta aggiunto lo snippet di codice, salva le modifiche nel file functions.php. Questo attiverà il codice che hai appena inserito.
  • Testare la funzionalità: dopo aver aggiunto lo snippet di codice, testare la nuova funzionalità per assicurarsi che funzioni come previsto.

Tuttavia, se non desideri aggiungere lo snippet di codice al file functions.php del tema principale, puoi creare un tema figlio personalizzato. In questo modo, gli aggiornamenti del tema non causeranno alcun problema.

I migliori frammenti di codice WooCommerce per WordPress

Ora che abbiamo imparato perché e come aggiungere frammenti di codice WooCommerce per WordPress. Successivamente, passiamo ai migliori frammenti di codice WooCommerce selezionati per le tue esigenze generali.

In poche parole, i codici che condivideremo ti aiuteranno a:

  • Aggiunta di una scheda prodotto personalizzata
  • Aggiungi il supporto WooCommerce a un tema
  • Aggiungi una valuta personalizzata a WooCommerce
  • Visualizza il collegamento "Il mio account" in un modello
  • Completa automaticamente gli ordini
  • Modifica il numero di prodotti visualizzati nel negozio
  • Disabilita la ricerca
  • Modifica il testo del pulsante Aggiungi al carrello
  • Modifica il titolo della pagina del negozio

Diamo uno sguardo approfondito a ciascun codice.

1) Aggiungi una scheda prodotto personalizzata

L'aggiunta di una scheda prodotto personalizzata in WooCommerce è un ottimo modo per visualizzare informazioni aggiuntive sui tuoi prodotti. Quindi, ecco uno snippet di codice che ti permetterà di aggiungerne uno:

 // Aggiungi scheda prodotto personalizzata

add_filter( 'woocommerce_product_tabs', 'add_custom_product_tab' );
funzione add_custom_product_tab( $schede ) {
$tabs['custom_tab'] = matrice(
'titolo' => __( 'Scheda personalizzata', 'woocommerce' ),
'priorità' => 50,
'callback' => 'custom_product_tab_content'
);

return $schede;

}

// Contenuto della scheda del prodotto personalizzato

funzione custom_product_tab_content() {
echo '<h2>Scheda Prodotto personalizzato</h2>';
echo '<p>Il contenuto personalizzato va qui.</p>';
}

Questo codice aggiunge una nuova scheda "Scheda personalizzata" alla pagina del prodotto, con una priorità di 50. Inoltre, puoi modificare il titolo e il contenuto della scheda del prodotto personalizzato in base alle tue esigenze. La funzione di richiamata custom_product_tab_content visualizza il contenuto della scheda. Puoi personalizzare il codice in base alle tue esigenze.

2) Dichiarare il supporto di WooCommerce in un tema di terze parti

Se stai utilizzando un tema di terze parti che non fornisce il supporto WooCommerce per impostazione predefinita, puoi risolvere il problema aggiungendo il seguente frammento di codice al file functions.php del tema del tuo sito web:

 // Aggiungi il supporto WooCommerce al tema

funzione mytheme_add_woocommerce_support() {
add_theme_support('woocommerce');
add_theme_support( 'wc-prodotto-galleria-zoom' );
add_theme_support( 'wc-product-gallery-lightbox' );
add_theme_support( 'wc-product-gallery-slider' );
}
add_action( 'after_setup_theme', 'mytheme_add_woocommerce_support' );

Fonte: media.

3) Aggiunta di valuta personalizzata a WooCommerce

Se desideri aggiungere una valuta personalizzata a WooCommerce, puoi utilizzare il seguente frammento di codice:

 // Aggiungi valuta personalizzata a WooCommerce

function add_my_currency( $currencies ) {
$currencies['ABC'] = __( 'La mia valuta', 'woocommerce' );
return $valute;
}

add_filter( 'woocommerce_currencies', 'add_my_currency' );
function add_my_currency_symbol( $currency_symbols ) {
$currency_symbols['ABC'] = '$'; // Sostituisci ABC con il tuo codice di valuta personalizzato e $ con il tuo simbolo di valuta.
restituire $currency_symbols;
}

add_filter( 'woocommerce_currency_symbols', 'add_my_currency_symbol' );

Qui utilizziamo due filtri: woocommerce_currencies e woocommerce_currency_symbols per aggiungere la nostra valuta personalizzata e il suo simbolo. Innanzitutto, aggiungi il nome e il codice della tua valuta all'elenco delle valute disponibili. In secondo luogo, puoi aggiungere il simbolo della valuta per il codice valuta personalizzato.

4) Visualizza il link Il mio account in un file modello

Per visualizzare il link del mio account in un file modello in WooCommerce, puoi utilizzare il seguente frammento di codice:

 <?php if ( is_user_logged_in() ) : ?>

<a href="<?php echo esc_url( wc_get_account_endpoint_url( 'dashboard' ) ); ?>"><?php esc_html_e( 'Il mio account', 'woocommerce' ); ?></a>

<?php else: ?>

<a href="<?php echo esc_url( wc_get_page_permalink( 'mioaccount' ) ); ?>"><?php esc_html_e( 'Accedi / Registrati', 'woocommerce' ); ?></a>

<?php endif; ?>

Questo codice verifica se l'utente ha effettuato l'accesso utilizzando la funzione is_user_logged_in() .

Se l'utente ha effettuato l'accesso, visualizza un collegamento al dashboard utilizzando la funzione wc_get_account_endpoint_url( 'dashboard' ) . Tuttavia, se l'utente non ha effettuato l'accesso, mostra un collegamento alla pagina Il mio account utilizzando la funzione wc_get_page_permalink( 'myaccount' ) .

Puoi aggiungere questo codice a qualsiasi file modello nel tuo tema WooCommerce in cui desideri visualizzare il link del mio account. Ad esempio, puoi aggiungerlo al tuo file header.php per visualizzare il link nell'intestazione del tuo sito.

5) Completa automaticamente gli ordini

Se desideri completare automaticamente gli ordini in WooCommerce, puoi utilizzare il seguente snippet di codice:

 // completa automaticamente gli ordini
add_action( 'woocommerce_thankyou', 'custom_woocommerce_auto_complete_order' );

funzione custom_woocommerce_auto_complete_order( $order_id ) {
se ( ! $order_id ) {
ritorno;
}

$ ordine = wc_get_order ( $ order_id );
$order->update_status( 'completato' );
}

Fonte: StackOverflow

Questo codice aggiunge un action hook alla funzione woocommerce_thankyou , che viene attivata quando un ordine viene completato. Quando questo hook è attivato, viene eseguita la funzione custom_woocommerce_auto_complete_order .

La funzione controlla innanzitutto se la variabile $order_id è impostata. Se non è impostato, ritorna. In caso contrario, accede all'oggetto order dalla funzione wc_get_order() .

Infine, utilizza il metodo update_status() per impostare lo stato dell'ordine su "completato".

Tieni presente che il completamento automatico degli ordini potrebbe non essere adatto a tutti i prodotti o attività. Quindi è essenziale considerare le tue esigenze specifiche prima di attivare questo codice.

6) Modificare il numero di prodotti visualizzati per pagina

Se desideri modificare il numero di prodotti visualizzati per pagina in WooCommerce, puoi utilizzare il seguente snippet di codice:

 // modifica i prodotti per numero di pagine
add_filter( 'loop_shop_per_page', 'custom_loop_shop_per_page', 22 );
function custom_loop_shop_per_page( $cols ) {
$cols = 14; // Cambia questo numero nel numero desiderato di prodotti per pagina.
return $cols;

}

Questo codice aggiunge un filtro alla funzione loop_shop_per_page . Questo controlla il numero di prodotti visualizzati per pagina in WooCommerce. Viene quindi eseguita la funzione custom_loop_shop_per_page , che accetta come parametro il numero corrente di colonne.

Nella funzione, puoi anche impostare la variabile $cols sul numero desiderato di prodotti per pagina (in questo esempio, 14). Infine, ottieni il numero aggiornato di colonne.

La modifica del numero di prodotti visualizzati per pagina può influire sull'esperienza dell'utente e sul tempo di caricamento della pagina. Quindi è essenziale considerare le tue esigenze specifiche prima di modificare questa impostazione.

7) Disabilita la ricerca

Per disabilitare la ricerca in WordPress, puoi utilizzare il seguente frammento di codice:

 // Disabilita la ricerca
funzione fb_filter_query( $query, $error = true ) {
if ( is_search() ) {
$query->is_search = false;
$query->query_vars[s] = false;
$query->query[s] = false;

// all'errore
se ( $errore == vero )
$query->is_404 = vero;
}
}

add_action( 'analizza_query', 'fb_filter_query' );
add_filter( 'get_search_form', create_function( '$a', "return null;" ) );

Fonte: StackOverflow

Questo codice utilizza una funzione personalizzata chiamata custom_disable_search() per disabilitare la funzionalità di ricerca in WordPress. Qui aggiungi un action hook alla funzione parse_query , attivato quando viene eseguita una query di ricerca.

Nella funzione, controlla se la query corrente è una query di ricerca (is_search()); in tal caso, imposta la proprietà is_search dell'oggetto query su null. Imposta inoltre la variabile di query s su null, disabilitando efficacemente la query di ricerca.

Infine, questo frammento di codice aggiunge un filtro a get_search_form per nascondere il modulo di ricerca dal tuo sito WordPress.

8) Modifica il testo del pulsante Aggiungi al carrello

Per modificare il testo del pulsante "Aggiungi al carrello" in WooCommerce, puoi utilizzare il seguente frammento di codice:

 add_filter( 'woocommerce_product_single_add_to_cart_text', 'custom_add_to_cart_text' );
add_filter( 'woocommerce_product_add_to_cart_text', 'custom_add_to_cart_text' );

function custom_add_to_cart_text() {
return __( 'Acquista ora', 'woocommerce' );
}

Fonte: Njengah

Questo codice aggiunge due filtri alle funzioni woocommerce_product_single_add_to_cart_text e woocommerce_product_add_to_cart_text , che controllano il testo del pulsante "Aggiungi al carrello" in WooCommerce. Viene quindi eseguita la funzione custom_add_to_cart_text() , che restituisce il testo del pulsante aggiornato.

Utilizziamo la funzione __() per accedere al testo "Acquista ora" definito nel file di traduzione di WooCommerce. Se desideri modificare il testo in qualcos'altro, sostituisci "Acquista ora" con il testo desiderato.

9) Sostituisci il titolo della pagina del negozio in WooCommerce

Per sostituire il titolo della pagina del negozio in WooCommerce, puoi utilizzare il seguente snippet di codice:

 add_filter('woocommerce_page_title', 'custom_shop_page_title');
funzione custom_shop_page_title( $page_title ) {
if( 'negozio' == $page_title ) {
return __( 'Nuovo titolo del negozio', 'woocommerce' );
}

return $titolo_pagina;
}

Questo codice aggiungerà un filtro alla funzione woocommerce_page_title , che controlla il titolo della pagina del negozio WooCommerce. Viene quindi eseguita la funzione custom_shop_page_title() , che controlla se il titolo della pagina è "shop" e, in tal caso, restituisce il titolo aggiornato ("New Shop Title").

Questo frammento di codice utilizza la funzione __() per accedere al testo tradotto per il titolo della pagina del negozio aggiornato, definito nel file di traduzione di WooCommerce. Tuttavia, se desideri modificare il testo in qualcos'altro, sostituisci "Nuovo titolo del negozio" con il testo desiderato.

Conclusione

L'utilizzo di frammenti di codice WooCommerce per WordPress è un modo efficace per personalizzare il tuo negozio online e aggiungere nuove funzionalità. Ad esempio, se stai cercando di modificare l'aspetto del tuo negozio, la procedura di pagamento o aggiungere nuove funzionalità, gli snippet di codice possono aiutarti a raggiungere i tuoi obiettivi.

Per aggiungere uno snippet di codice, incolla il codice nel file functions.php del tema figlio o crea un plug-in personalizzato. Ma è importante ricordare che la modifica del codice del tuo sito web può avere conseguenze indesiderate. Pertanto, ti consigliamo sempre di creare un backup del tuo sito prima di apportare modifiche.

Con i codici che abbiamo fornito sopra, puoi gestire un fantastico negozio WooCommerce con molte personalizzazioni. Per riassumere le cose, abbiamo condiviso frammenti per

  • Aggiunta di una scheda prodotto personalizzata
  • Aggiungi il supporto WooCommerce a un tema
  • Aggiungi una valuta personalizzata a WooCommerce
  • Visualizza il collegamento "Il mio account" in un modello
  • Completa automaticamente gli ordini
  • Modifica il numero di prodotti visualizzati nel negozio
  • Disabilita la ricerca
  • Modifica il testo del pulsante Aggiungi al carrello
  • Modifica il titolo della pagina del negozio

Puoi scegliere un codice e lavorare con esso in base alle tue esigenze.

Ci auguriamo che tu abbia trovato utile questo articolo e che ti sia piaciuto leggerlo. Se lo desideri, considera di condividere questo post con i tuoi amici e colleghi blogger sui social media. Puoi anche consultare l'archivio del nostro blog per saperne di più sulle guide di WordPress/WoCommerce.

Abbiamo bisogno di aggiungere altri frammenti a questa guida?

Fateci sapere nei commenti qui sotto.

Articoli simili che potrebbero piacerti:

  • Come filtrare i prodotti WooCommerce per attributo
  • I migliori plugin per donazioni WooCommerce
  • I migliori plug-in per la gestione delle licenze di WooCommerce