Eugenio è un professionista SEO da oltre 10 anni, lavora con siti web itailani e internazionali per migliorarne il ranking sui motori di ricerca, ed ottenere traffico e conversioni.
Lavorando su un ecommerce ho notato che, come succedeva su molti ecommerce fatti con WordPress e con il plugin Woocommerce, ho constatato che spesso i titoli dei prodotti sono troppo lunghi (soprattutto se si importano prodotti da altri e-shop).
Per ovviare a questo problema ho fatto una veloce ricerca sul web ed ho trovato la soluzione! Ecco quindi condiviso con voi lettori il metodo semplice su come abbreviare la lunghezza dei titoli dei prodotti woocommerce nella pagina dello shop e anche, nel caso si utilizzano widget per mostrare prodotti dello shop nella barra laterale, per il widget woocommerce products.
Sono due metodi diversi, uno che va ad aggiungere una funzione al file functions.php, mentre l’altro va aggiungere uno stile al foglio di stile style.css
In basso troverete i due metodi spiegati, con informazioni su quale codice andare ad aggiungere su ogni singolo file per modificare la lunghezza dei titoli prodotto, rendendoli della lunghezza preferita (nell’esempio 50 caratteri, ma possono essere aumentate o diminuite a seconda delle esigenze, semplicemente modificando il numero 10 con la lunghezza titolo che si preferisce).
Accorciare la lunghezza dei titoli dei prodotti nella pagina shop / negozio di Woocommerce
Per modificare la lunghezza del titolo di tutti i prodotti che vengono mostrati nella pagina shop del nostro ecommerce (di default wordpress e woocommerce utilizza /shop), basta aggiungere il seguente codice nel file functions.php
/**
* Funzione per modificare la lunghezza del title dei prodotti Woocommerce
*/
function shorten_my_title( $title, $id ) {
if ( is_shop() && get_post_type( $id ) === 'product' ) {
return substr( $title, 0, 50 ); // modifica il numero 50 con il numero di caratteri che si vuole mostrare
} else {
return $title;
}
}
Aggiungendo questa funzione, nella pagina shop il titolo dei prodotti avrà una lunghezza di 50 caratteri. Basta cambiare il 50 con un altro numero per mostrare, invece di 50, un maggiore o minore numero di caratteri nel titolo del prodotto, aumentandone o accorciando la lunghezza del titolo.
Accorciare la lunghezza dei titoli dei prodotti nel widget Woocommerce Products
La tecnica mostrata in alto serve soltanto a modifcare la lunghezza dei titoli nella pagina/shop, il negozio. Se invece utilizziamo il widget predefinito Woocommerce Products per mostrare nella barra laterale alcuni dei prodotti venduti sul sito, la funzione in alto non ci serve, in quanto va a prendere soltanto la pagina shop “is_shop()”.
Per modificare invece il title dei prodotti nella sidebar, dovremmo andare a modificare il file style.css (fogli di stile) inserendo il seguente stile:
.home .woocommerce ul.product_list_widget li a {
font-size: 1em;
margin: 0;
overflow: hidden;
padding: 0.5em 0;
text-overflow: ellipsis;
white-space: nowrap;
In questo modo possiamo ridurre la lunghezza del title, e mostrare soltanto i caratteri iniziali, che di solito, insieme alla foto del prodotto, sono sufficienti a far capire di che prodotto si tratta.
Questo è quanto! Per accorciare la lunghezza dei titoli dei prodotti in Woocommerce basta intraprendere queste semplici azioni, e avremmo un ecommerce più pulito ed ordinato.
Se l’articolo è stato utile, o se avete bisogno di spiegazioni ulteriori, in basso c’è l’apposita sezione per i commenti. Vi ringrazio in anticipo per un vostro commento (sia positivo che negativo :)). E grazie per la lettura!
1 commento su “Woocommerce: Abbreviare i Title dei Prodotti”
ciao avrei una domanda. se vai sul sito ibs.it in home page dove c’è scritto NOVITÀ LIBRI vedrai che sotto i titoli dei libri compare l’autore. come posso realizzare questa funzione?
Grazie mille
ciao avrei una domanda. se vai sul sito ibs.it in home page dove c’è scritto NOVITÀ LIBRI vedrai che sotto i titoli dei libri compare l’autore. come posso realizzare questa funzione?
Grazie mille