Comment créer un thème WordPress pour woocommerce

Vous souhaitez donc ajouter un magasin à votre thème: excellent! Woocommerce est un bon choix. Techniquement, tous les sujets sont \
Important: Bon nombre des extraits de code suivants utilisent des fonctionnalités qui ne sont disponibles que dans woocommerce. Assurez – vous donc que ces fragments ne sont pas simplement téléchargés au bas de la fonction fichier. PHP est dans le sujet créé pour la distribution. Si vous prévoyez partager ou vendre votre sujet avec d’autres, assurez – vous que le clip n’est inséré dans le fichier téléchargé que si le plug – in woocommerce est actif. Vérifiez que woocommerce est activé dans mon sujet. J’aime définir une constante personnalisée pour vérifier que woocommerce est activé. Je ne peux inclure des fichiers ou des fonctions d’exécution que lorsque woocommerce est actif (si vous ne l’avez pas déjà fait, voir les messages importants ci – dessus).
Ajouter une nouvelle constante, si woocommerce est actif, renvoie la définition true (‘wpex _ woocommerce active’, class present (‘woocommerce’) \/ Vérifiez que woocommerce est actif si (wpex _ woocommerce active) {\/ \/ Faites quelque chose… \/ \/ par exemple, incluez un nouveau fichier dans toutes les éditions woo.} C’est le premier et le plus important morceau de code ajouté au sujet pour \
Sujet incompatible. Ajouter _ action (‘after Setup Theme’, Function () {ajouter Theme support (‘woocomberce’);); Supprimer woocommerce CSS j’ai personnellement tendance à ignorer les styles woocommerce pour éviter les problèmes avec les plug – ins woocommerce tiers. Cependant, si vous voulez supprimer tous les styles woocommerce, c’est très simple.
Le fragment de code suivant est utilisé pour supprimer tous les styles woocommerce: \/ \/ supprimer tous les styles woocommerce add _ filter (‘woocommerce enqueue styles’,’ return empty Array ‘); Ce fragment est un exemple de suppression conditionnelle d’un style css particulier: fonction wpex _ remove Woo styles ($Styles) {unset ($styles [‘woorce – General]); unset ($styles [‘ woorce – layout]); unset ($styles [‘woorce – small screen]); return $Styles;} Ajouter des filtres (\
Ajouter un support de thème (\
Fonction wpex _ Woo archive Title ($title) {if (IS Shop () & $Shop id = WC get page ID (‘Shop’) {$title = get Title ($Shop ID);} Renvoie $title;}
Vignettes de la Bibliothèque de produits selon votre mise en page, vous devrez peut – être modifier le nombre de colonnes d’une seule vignette de la Bibliothèque de produits, ce qui est exactement ce que vous pouvez faire.
Fonction wpex _ Woo Product thumbnails Columns () {renvoie 4;} Ajouter l’opération U (\
Filtre up Sell Columns Function wpex _ Woo Single Loops Columns ($columns) {renvoie 4;} Ajouter un filtre (‘woocomberce _ up sells Columns’,’ wpex Woo Single Loops Columns’) \/ Filtrer la fonction args associée wpex _ Woo related Columns ($args) {$args [‘Columns]] = 4; renvoie $args;} Ajouter un filtre (‘woomerce _ Output related products args’,’ wpex Woo related Columns’, 10) \/ Filtrer les classes de corps pour ajouter des fonctions de classe de colonne wpex _ Woo Single Loops Columns Body Class ($classes) {if (IS Singular (‘product’) {$classes [] = ‘Columns – 4’;} Renvoie $class;} Ajouter un filtre (‘Body _ class’,’ wpex Woo Single Loops Columns Body class’); Ajouter un lien de panier dynamique et un coût de panier au menu ce clip ajoute un élément de panier woocommerce au menu et affiche le coût de l’élément dans le panier. De plus, si la police AWESOME est activée sur votre site Web, elle affiche
Voir comment tout est fait (voir le fichier sur wpex New York \/ Inc \/ woocomberce): en regardant les sujets encodés, vous pouvez apprendre plus facilement comment ajouter correctement le support personnalisé pour le plug – in woocomberce. Pensez – vous qu’il y a d’autres clips qui font partie de cette liste ou qui pourraient être utiles pour développer de nouveaux thèmes pour woocommerce?