Comment personnaliser programmatiquement un modèle woocommerce
Voulez – vous modifier le modèle sur le site? Ce guide vous montrera comment utiliser deux crochets pour personnaliser programmatiquement les modèles woocommerce et les écraser. Pourquoi changer le modèle woocommerce? Les achats en ligne sont plus pratiques et plus rapides que les magasins physiques, de sorte que le commerce électronique est devenu très populaire ces dernières années. Face à une telle concurrence féroce, il ne suffit pas de construire un magasin woocommerce et de mettre les produits en ligne. Vous devez trouver un moyen de vous démarquer de la foule. Une des meilleures façons de le faire est de personnaliser votre magasin. En plus de modifier les en – têtes et d’éditer les pages clés, comme les pages de caisse ou d’achat, vous pouvez personnaliser les modèles que vous utilisez. Il n’y a pas beaucoup de sites Web qui modifient leurs modèles, donc cela vous donne un avantage sur vos concurrents.
Si vous avez des compétences en programmation, vous savez peut – être que les sous – thèmes sont recommandés lors de l’édition du magasin. De même, les crochets intégrés de WordPress et woocommerce offrent de nombreuses possibilités d’édition et d’ajout de nouvelles fonctionnalités à n’importe quel site. Comment personnaliser programmatiquement les modèles de woocommerce il existe deux façons principales de personnaliser programmatiquement les modèles de woocommerce: utiliser des crochets pour écraser les modèles, chacune de ces méthodes ayant une utilisation différente. Examinons de plus près leurs principales différences.
écraser le fichier modèle ou utiliser un crochet? Il est recommandé d’utiliser des crochets pour personnaliser votre magasin. Cependant, vous pouvez rencontrer des problèmes d’incompatibilité lorsque vous Personnalisez woocommerce avec des crochets. Pour les personnalisations plus complexes, il peut être préférable d’écraser le fichier modèle woocommerce. Il est important de noter que lorsque vous écrasez un fichier modèle, les crochets qui fonctionnent sur le fichier cessent de fonctionner. Chaque crochet pointe vers un fichier spécifique, donc
N si vous modifiez le même fichier que le crochet actif, vous pouvez les utiliser. Prenons par exemple un seul fichier produit. PHP pour voir comment créer un crochet. De plus, Notez la position des crochets avant et après le cycle.
If (! Defined (‘abspath’) {exit; \/ \/ Exit by direct logon} get _ header (‘Store’); > <?php get_footer('negozio'); Se dai un'occhiata allo script, vedrai come creiamo gli hook su do_action('name-of-the-hook'); Linee.
Supponiamo che tu abbia il seguente hook sul file functions.php del tuo tema figlio: add_action('woocommerce_after_main_content',function(){echo “contenuto personalizzato dopo un file modello di prodotto singolo”;}); Puoi fare eco allo stesso contenuto direttamente sul file modello come segue: <?php echo "contenuto personalizzato dopo il file modello di prodotto singolo"; /** * hook woocommerce_after_main_content. do_action( 'woocommerce_after_main_content' ); Tuttavia, così facendo, do_action('woocommerce_after_main_content'); funzione diventerà inutile poiché hai aggiunto il tuo codice lì invece di estrarlo con l'hook. Quindi potresti voler rimuovere tutti gli hook non necessari nel file eliminando do_action('name-of-the-hook'); sezioni.
Tieni presente che se stai usando l' woocommerce_after_main_content() da qualche altra parte sul tuo sito web e rimuovi do_action( 'name_of_your_hook' ); in questo file, l'hook non funzionerà più. Dopo aver rimosso gli hook e i tag PHP non necessari, il tuo file dovrebbe assomigliare a questo: if ( ! definito( 'ABSPATH' ) ) { Uscita; // Esci se si accede direttamente } get_header('negozio'); mentre ( have_posts() ) : il_post(); wc_get_template_part('contenuto', 'prodotto singolo'); nel frattempo; // fine del ciclo. do_action('woocommerce_sidebar'); get_footer('negozio'); NOTA : la rimozione degli hook in questo modo può influire sul codice di terze parti come plug-in e temi, causando errori o interrompendo il tuo sito Web. Si presume che tu sappia cosa stai facendo.
Personalizza e sovrascrivi i file modello WooCommerce La sovrascrittura dei file modello WooCommerce ti offre molta flessibilità per personalizzare il tuo negozio. Tuttavia, come accennato in precedenza, devi capire che quando sovrascrivi il contenuto di un file modello, gli hook che funzionano su quel file smetteranno di funzionare. Inoltre, WooCommerce può modificare i file del modello di volta in volta, quindi se c'è un aggiornamento e cambiano i file, potresti scoprire che il file che modifichi non è aggiornato. Cose da tenere a mente quando si sovrascrivono i modelli Se sei qui, probabilmente hai alcune capacità di programmazione e sai come usare e installare un tema figlio. In caso contrario, consulta la nostra guida per creare un tema figlio o utilizzare uno di questi plugin.
La sovrascrittura dei modelli WooCommerce è simile alla sovrascrittura del file functions.php . La differenza principale è che modifichi i file modello di WooCommerce invece dei file del tema. Per fare ciò, devi copiare il file modello desiderato dalla cartella dei modelli di plugin WooCommerce e incollarlo nel tema del tuo bambino nella cartella WooCommerce. Se segui la stessa struttura della cartella dei modelli di WooCommerce, dei nomi dei file e delle sottocartelle; sarai in grado di sovrascrivere i file modello, anche quelli all'interno di sottocartelle. Esistono molti file modello WooCommerce e ognuno di essi è responsabile di una singola attività. puoi controllare l'elenco completo dei file modello che puoi modificare, nonché le sottodirectory e la struttura delle cartelle in questo collegamento.
Come puoi vedere, ci sono alcuni file nella cartella del modello principale e diverse sottodirectory. Puoi personalizzare i file all'interno di qualsiasi sottodirectory nello stesso modo in cui modifichi i file principali come archive-product.php , single-product.php o content-single-product.php . Allo stesso modo, puoi anche personalizzare i file nel carrello, Il mio account, le e-mail o le cartelle di pagamento se segui gli stessi nomi di cartelle e struttura del tema del tuo bambino. Quindi, se desideri personalizzare alcuni di questi file, il tema del tuo bambino sarebbe simile a questo:
Cela dit, regardons quelques exemples de modèles woocommerce que vous pouvez personnaliser. Une alternative intéressante à l’ajout de code court au modèle woocommerce est d’utiliser le Code court dans votre code. La plupart des shortcodes existants devraient être disponibles ici, mais en dehors de woocommerce officiel et WordPress, il y a aussi des shortcodes non pris en charge. Par exemple, le script suivant contiendra un tableau de bord de compte sur toutes les pages de chaque produit. N’oubliez pas de le coller dans un seul fichier produit. Php créé sur le Sous – thème.<?php if ( ! definito( 'ABSPATH' ) ) { Uscita; // Esci se si accede direttamente } get_header('negozio'); mentre ( have_posts() ) : il_post(); wc_get_template_part('contenuto', 'prodotto singolo'); nel frattempo; // fine del ciclo. do_action('woocommerce_sidebar'); $t= '
Mon compte
‘; $ T. = do _ Short Code (\
T ($Current _ user – > User Email, $current user – > ID, $product – > get ID ()): echo ‘
& Coeur; Hé! Utilisateur actuel – > Nom _ name. \
Ou des informations pour ajouter ou ne pas ajouter le bouton panier sur la page du magasin, selon votre situation. Voici les résultats lorsque les deux conditions s’appliquent: