Filtra la ricerca ...
Frase esatta
Categorie

Come personalizzare il template di Woocommerce

Ciao e benvenuto. Se hai bisogno di chiarimenti sul codice, lascia un commento (no WhatsApp); ricorda però che non fornisco assistenza gratuita sugli articoli che ho scritto nè personalizzo il codice in modo gratuito, quindi se la tua richiesta va oltre il semplice "aiutino", se vuoi mi chiedi una consulenza a pagamento nella pagina contatti. Grazie della comprensione. Alessio

WooCommerce è un potentissimo plugin per realizzare siti ecommerce con WordPress; durante lo sviluppo può capitare di dover apportare delle personalizzazioni al template, per esempio la vista singolo prodotto.

WooCommerce ha una sua cartella che sia chiama templates , al suo interno sono presenti tutte le view utili a creare la vista a front end, la cartella è localizzata in ..\wp-content\plugins\woocommerce\templates .

Come fare un override di un template WooCommerce

Per apportare modifiche al template è necessario fare una tecnica che sia chiama override, ossia creare una copia del file da modificare e copiarla nel tema in uso; infatti se andassimo a modificare direttamente i file in questa directory ..\wp-content\plugins\woocommerce\templates , al primo aggiornamento di WooCommerce tutte le modifiche andrebbero sovrascritte dai nuovi file.

N.B. Consiglio di creare un tema child

Poniamo di vole modificare il file title.php, faremo quindi in questo modo :

Copiare da ..\wp-content\plugins\woocommerce\templates\single-product\title.php

In ..\wp-content\themes\tuo_tema_in_uso\woocommerce\single-product\title.php

Il fatto di avere omesso il percorso “templates” non è una dimenticanza, ma è necessario infatti eliminarlo per permettere la sovrascrittura dei file, diversamente non funzionerebbe.

Nel mio caso ho customizzato il file aggiungendo dei campi aggiuntivi con ACF Advanced Custom Field.

woocommerce personalizzazione template

Potrebbe interessarti anche ...

Hai bisogno di una consulenza, lo sviluppo di un plugin o vuoi incrementare le performance del tuo sito ?

Se vuoi postare codice usa codeshare.io
Se vuoi postare uno screeshot usa postimages.org ed inserisci l'url nel commento.

Lascia un commento


Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.

Iscriviti e ricevi trucchi e guide

Inserisci la tua email per ricevere gli ultimi articoli dal blog.

Inserendo i tuoi dati confermi di aver letto ed essere d’accordo con la privacy policy.