Modificare l’aspetto grafico e anche i contenuti a seconda della ligua selezionata in un sito WordPress tradotto con WPML. Ecco come fare!

Nel mio caso il problema era il seguente: in un e-commerce multilingua occorre nascondere carrello e prezzi dalla versione francese del sito. Io ho fatto così!


WooCommerce dispone di tante funzioni e tanti plugin che ne espandono le possibilità ma non ho trovato niente che mi permettesse di disabilitare il carrello in determinate lingue. Anche l’assistenza di WPML dichiara che potrebbe essere una funzione inserita nelle prossime release ma per ora niente da fare.

Ho risolto con un trucco molto semplice.

Con i CSS possiamo assegnare stile solo alle pagine in determinate lingue. Il codice per farlo, suggerito da WPML, è il seguente:

/*Code for dk_DK language*/
html[lang="dk_DK"] .site-title {
color: #333333;
}
/*Code for en_US language*/
html[lang="en_US"] .site-title {
color: #00ff00;
}

In pratica basta indicare a quale lingua vogliamo assegnare lo stile tramite html[lang=”qui-la-sigla-della-lingua”] seguito dallo stile desiderato.

Per esempio, per nascondere i prezzi dalla versione francese dell’e-commerce avrei dovuto usare:

html[lang="fr_FR"] .products .product-details .product-price {display: none!important;}

ATTENZIONE: ho fatto diverse prove ma nel mio sito questo codice non funzionava!

Ho fatto un po’ di ricerche e alla fino ho trovato che nel mio caso il codice da inserire nel custom CSS era il seguente:

html:lang(en) .woocommerce .products .product-details .product-price {display: none!important;}

Con lo stesso sistema poi ho nascosto il carrello e i related post, trasformando l’e-commerce, solo nella versione francese, in un catalogo prodotti senza possibilità di acquisto.

Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione /  Modifica )

Google photo

Stai commentando usando il tuo account Google. Chiudi sessione /  Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione /  Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione /  Modifica )

Connessione a %s...

Questo sito utilizza Akismet per ridurre lo spam. Scopri come vengono elaborati i dati derivati dai commenti.