La célèbre extension e-commerce WordPress propose nativement bon nombre de champs produits. Prix, UGS, stock, attributs, poids, dimensions… De quoi couvrir pas mal de possibilités !
Mais que faire si vous créez une boutique e-commerce où les produits possèdent une donnée très spécifique ? Découvrons ici la deuxième partie de notre tutoriel et ajoutons des champs meta aux produits WooCommerce.
Par défaut, WooCommerce propose au maximum trois onglets sur la page d’un produit. Sous les photographies et la courte description du produit sont présentés trois tabs pour regrouper :
la description longue du produit
les informations complémentaires listant les attributs WooCommerce du produit
les avis clients
Mais cette liste d’onglets est bien évidemment non-exhaustive et encore moins inscrite dans la roche ! Découvrons ensemble comment ajouter une tab personnalisée aux fiches produits WooCommerce.
Comme beaucoup de logiciels Adobe, Edge Animate peut demander un peu de temps avant d’être parfaitement dompté. C’est pourquoi je partage ici quelques trucs et astuces que j’ai pris l’habitude d’effectuer lors de mes aventures avec ce logiciel d’animation web afin de pouvoir enseigner quelques bonnes pratiques de développeur Adobe Edge Animate que j’estime utiles.
Selon le design ou la logique de votre boutique e-commerce, peut-être que les mots-clés des produits WooCommerce vous sont totalement inutiles… Voila une petite astuce très simple pour pouvoir les désactiver !
Par défaut, la solution e-commerce WordPress WooCommerce propose un total de 7 statuts de commande. Mais que faire si votre processus de commande propose des stades uniques qui ne correspondent pas vraiment aux statuts existants ? Pas d’inquiétude, les développeurs WooCommerce ont bien pensé à ça : étudions donc l’ajout de statut personnalisé à vos commandes…
J’ai récemment eu l’occasion de développer un site e-commerce sous WordPress avec WooCommerce et ai eu besoin d’ajouter une auto-complétion sur le champ de recherche afin de proposer rapidement à l’utilisateur un menu déroulant des catégories produits. Découvrez ici comment mettre tout ça en place !
Vous développez sous WordPress ? Vous appréciez Contact Form 7 pour sa simplicité d’utilisation et sa flexibilité ? Mais vous souhaitez également pouvoir récupérer les données d’un formulaire envoyé par CF7, d’une manière ou d’une autre, pour en faire quelque chose qui sort du cadre de cette extension ? Parfait, vous êtes au bon endroit !
Combien de fois effectuez-vous le processus d’installation WordPress en une année ? Si vous êtes développeur web WordPress, ce chiffre peut faire peur. Alors autant essayer d’optimiser ce temps et de le réduire au maximum : découvrons comment installer WordPress très rapidement sans accès SSH à la machine…
Votre client ronchonne car un numéro de téléphone stylisé en CSS possède une apparence différente sur iOS ? Ne cherchez plus, la solution est là…
Dans le processus de création d’un site web WordPress, il est parfois nécessaire de créer un formulaire pour un besoin très spécifique. Des extensions existent, certes, mais abordons ici la création d’un formulaire WordPress sur-mesure « fait maison » et étudions les bonnes pratiques pour profiter des nombreux outils que nous offre WordPress.
Si vous avez déjà utilisé l’extension WordPress Gravity Forms, vous savez sans doute à quel point elle s’avère pratique pour créer facilement des formulaires complexes et les relier à des notifications par e-mail. Mais derrière ces « basiques » fonctionnalités se cachent toute une architecture en place (actions et filtres) permettant aux utilisateurs avancés d’étendre encore plus la puissance de ce plugin.
Avec l’intégration de l’interface MP6 depuis la version 3.8 de WordPress, l’administration de notre CMS préféré se modernise et bénéficie d’une ergonomie améliorée. Ce rafraîchissement visuel inclût, par défaut, 8 combinaisons de couleurs afin d’adapter l’interface visuelle au goût de chacun. Mais saviez-vous qu’une simple fonction et un peu de CSS vous permettent d’enregistrer d’autres palettes de couleurs pour ainsi modifier le color scheme de l’administration MP6 WordPress ?
Si vous aussi vous travaillez comme moi le sur 2 écrans full-HD et préfèrez les embellir de fonds d’écrans continus multidisplay, continuez votre lecture ! J’ai décidé de piocher dans mes photos personnelles, les flouter à fond pour les transformer en fonds d’écrans ultra-larges abstraits en y apportant une petite touche Mosaika (avec des mosaïques !). Le résultat : 5 wallpapers abstraits offrant flous et mosaïques colorées pour vos écrans Retina ou dual screen.
Faire une ombre portée d’un objet la plus réaliste possible dans Adobe Photoshop peut s’avérer fastidieux. Ces quelques petits trucs et astuces vont très rapidement égayer vos photomontages et rendre l’immersion de l’objet plus profonde.
Que ce soit pour illustrer un bouton d’action ou symboliser les réseaux sociaux, il est souvent bien utile de proposer à ses clients une large panoplie d’icônes pour égayer les contenus d’un site WordPress. Les polices d’icônes web sont alors bienvenues pour ce genre d’utilisation : étudions comment ajouter à un thème WordPress la police web d’icônes FontAwesome dans ce petit tutoriel.