Come cambiare il separatore di breadcrumb per WooCommerce

WooCommerce è diventata una delle piattaforme di e-commerce più utilizzate. Una delle grandi caratteristiche di WooCommerce è che offre agli utenti un sistema di navigazione dei percorsi breadcrumb, rendendo più semplice per i clienti navigare nel tuo sito web. Il percorso breadcrumb è una serie di collegamenti che appaiono nella parte superiore di una pagina e mostrano agli utenti il ​​percorso che hanno intrapreso per arrivare a quella pagina. Tuttavia, per impostazione predefinita, il separatore breadcrumb di WooCommerce è la barra (/), ma cosa succede se vuoi cambiarlo? In questo post del blog, ti mostreremo come modificare il separatore breadcrumb di WooCommerce.

Passaggio 1: Guida introduttiva

Prima di poter iniziare a modificare il separatore breadcrumb di WooCommerce, devi assicurarti di avere pieno accesso amministrativo al tuo sito WooCommerce. Dovrai inoltre avere l'ultima versione di WooCommerce installata e attivata. Se tutto è in ordine, puoi procedere al passaggio successivo.

Passaggio 2: accedi alla dashboard di WordPress

Per iniziare, devi accedere alla dashboard di WordPress. Una volta effettuato l'accesso, passa con il mouse su Aspetto nel menu a sinistra e fai clic su Editor. Verrà visualizzata una pagina con un elenco di file sul lato destro.

Passaggio 3: modifica il file Functions.php

Ora individua e fai clic sul file Functions.php. Il file dovrebbe trovarsi nella sezione Funzioni tema dell'elenco. Assicurati che il file sia scrivibile modificando le sue autorizzazioni di accesso o contattando il tuo provider di hosting per concederti l'accesso.

Passaggio 4: inserire il codice

Successivamente, dovrai inserire lo snippet di codice riportato di seguito nel file Functions.php.

//Sostituzione del separatore di pangrattato

add_filter('woocommerce_breadcrumb_separator', 'custom_breadcrumb_separator');

funzione custom_breadcrumb_separatore( $separatore ) {

$separatore = ";

restituisce $separatore;

}

Passaggio 5: salva le modifiche

Dopo aver inserito lo snippet di codice, salva le modifiche e testa i breadcrumb sul tuo sito. Il separatore dovrebbe essere cambiato dalla barra predefinita allo spazio vuoto.

Conclusione

In conclusione, cambiare il separatore breadcrumb di WooCommerce è un processo semplice che può essere eseguito in pochi passaggi. Seguendo la nostra guida sopra, puoi facilmente cambiare il separatore e personalizzarlo secondo le tue preferenze. Questo può essere utile se vuoi che il tuo sito web rifletta l'identità del tuo marchio o semplicemente vuoi dargli un aspetto unico. Ricorda di salvare sempre le modifiche e testare le tracce breadcrumb per assicurarti che tutto funzioni come previsto.