Woocommerce – Personalizzare i breadcrumb del tuo e-commerce

Plugins Programmazione Wordpress
0

I breadcrumb di WooCommerce sono la prima cosa che vedi nella pagina del prodotto. Si tratta di un elenco, percorso o livelli di categorie in cui si trova il prodotto.

I breadcrumb sono un modo utile per navigare nel negozio. Ad esempio, consente all’utente di sapere dove può trovare altre cose nella stessa categoria o visitare una categoria principale per esplorare ciò che offre. Per impostazione predefinita, la categoria o il collegamento di livello più alto è noto come “Home” e si collega al tuo sito WooCommerce o alla home page / prima pagina. Nella maggior parte dei casi, vorresti che questo link punti al tuo negozio invece che al sito, cioè quando non hai impostato il negozio come homepage o prima pagina. Potresti anche dare a questo breadcrumb qualcos’altro invece di “Home”. Per tali personalizzazioni del breadcrumb e altro, è possibile utilizzare semplici frammenti di codice o plug-in. In questo post vedremo come cambiare il nome del negozio e l’URL nei breadcrumb di WooCommerce.

La funzione woocommerce_breadcrumb() restituisce i breadcrumb e accetta i seguenti argomenti predefiniti:

  • delimitatore  – Il carattere da visualizzare tra i breadcrumb.
  • wrap_before  –  Il codice iniziale del contenitore del breadcrumb
  • wrap_after  –  Il codice finale del contenitore del breadcrumb
  • prima  – HTML da visualizzare prima dei breadcrumb.
  • after  – HTML da visualizzare dopo i breadcrumb.
  • home : include la prima pagina all’inizio del breadcrumb.

Nei seguenti frammenti di codice che dovrai inserire nel file functions.php del tuo child theme , utilizzeremo l’ hook woocommerce_breadcrumb_defaults per modificare i valori predefiniti sopra del breadcrumb:

add_filter ( 'woocommerce_breadcrumb_defaults' , 'change_breadcrumb_home_text' , 20 ) ; 
funzione change_breadcrumb_home_text ( $defaults ) {  
// Cambia il testo iniziale del breadcrumb da "Home" a "SuperStore"
$defaults[ 'home' ] = 'SuperStore' ;
return $defaults;
}

Questo snippet di codice cambierà il testo iniziale del breadcrumb da “Home” a “SuperStore”

Allo stesso modo, possiamo modificare molti altri valori predefiniti utilizzando lo stesso hook:

add_filter( 'woocommerce_breadcrumb_defaults', 'woocommerce_breadcrumbs_change' );
function woocommerce_breadcrumbs_change() {
return array(
'delimiter'   => ' / ',
'wrap_before' => '<nav class="woocommerce-breadcrumb" itemprop="breadcrumb" style="margin-left:5%">',
'wrap_after'  => '</nav>',
'before'      => 'Category: ',
'after'       => '',
'home'        => _x( 'SuperStore', 'breadcrumb', 'woocommerce' ),
);
}
Facebook Comments
0
Summary
Woocommerce - Personalizzare i breadcrumb del tuo e-commerce
Article Name
Woocommerce - Personalizzare i breadcrumb del tuo e-commerce
Description
I breadcrumb di WooCommerce sono la prima cosa che vedi nella pagina del prodotto. Si tratta di un elenco, percorso o livelli di categorie in cui si trova il prodotto.
breadcrumbs php shop Snippet woocommerce

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Related Posts