Les exemples de variantes de produits woocommerce sont une technologie incroyable introduite pour augmenter les ventes et les taux de conversion du site. Tu penses, parce que Swatch est génial, namp;rsquoest ce pas? Lamp;rsquoexemple de variante de produit remplace la boîte déroulante par défaut de variante de produit woocommerce et permet des échantillons de couleur, damp;rsquoimage, damp;rsquoétiquette et de radio. Ainsi, les clients peuvent facilement choisir la variante de produit désirée et lamp;rsquoajouter immédiatement au panier. Dans ce tutoriel, je montrerai comment utiliser le thème oceanwp pour activer des variantes de radio, damp;rsquoétiquettes, de couleurs et de photos dans les produits variables woocommerce.
Je suppose que avez installé le thème oceanwp. Pour activer lamp;rsquoéchantillon dans un produit variable, installez damp;rsquoabord le plug in damp;rsquoéchantillon de variante woocommerce. Démonstration en direct | Télécharger lamp;rsquoéchantillon de variante woocommerce plug in installer lamp;rsquoéchantillon de variante woocommerce
Vous pouvez également un exemple de plug in de variante woocommerce à partir de lamp;rsquoarrière plan du site. Sélectionnez démarrer lamp;rsquoinstallation du plug in à partir de lamp;rsquoavertissement de lamp;rsquoAdministrateur principal. Installez et activez lamp;rsquoexemple de variante woocommerce et le plug in Ocean extra.
namp;rsquoavez pas reçu lamp;rsquoavertissement principal damp;rsquoinstaller lamp;rsquoexemple de plug in, allez au plug in amp;gt amp;gt Ajouter un nouveau plug in. Rechercher un exemple de variante woocommerce dans le champ de recherche. Installez et activez le plug in Emran Ahmed woocommerce variant Sample.
Une fois le plug in installé et activé correctement, il est temps de créer des exemples de variantes radio, damp;rsquoétiquettes, de couleurs et damp;rsquoimages dans le thème oceanwp. Commençons lamp;rsquoexpérience. Après avoir installé lamp;rsquoéchantillon de variante woocommerce et le plug in photo dans le thème oceanwp, configurez lamp;rsquoéchantillon de variante woocommerce. Il est temps de configurer ce plug in pour vos produits variables. Il y a deux façons damp;rsquoinstaller ce plug in. Activer les exemples de variantes pour les produits variables ESI
Lorsque sélectionnez un type damp;rsquoattribut pour un attribut de produit, le d du produit apparaît comme la capture damp;rsquoécran suivante.
Les variantes de lamp;rsquoattribut label semblent bonnes, mais les variantes de lamp;rsquoattribut Pattern doivent définir la couleur et les variantes de lamp;rsquoattribut Fabrics doivent ajouter des images.
Étape 02: modifier la variation pour définir la couleur comme une variation dans lamp;rsquoattribut modèle. Allez à produits amp;gt amp;gt propriétés. Sélectionnez configurer les termes dans la propriété Patterns.
Lorsque sélectionnez configurer le terme, une liste des variantes damp;rsquoattributs est affichée. Pour les motifs, trois variantes sont énumérées ici: bleu, vert et rouge. Modifiez chaque variante une par une pour ajouter la couleur de la variante.
Pour , sélectionnez le lien damp;rsquoédition de la variante verte.
Modifier le panneau à partir des variantes. Sélectionnez la couleur désirée dans colorpicker et appuyez sur le bouton mise à jour pour mettre à jour les modifications.
Une fois que toutes les variantes de couleur ont été mises à jour correctement, lamp;rsquoextrémité avant est similaire à ce qui suit.
Après avoir mis à jour les variations des propriétés du modèle, changez les propriétés du tissu en sélectionnant configurer les termes comme propriétés du modèle. Lorsque appuyez sur Configurer les termes, une liste de termes structurels apparaît comme modèle. Modifier chaque variante pour insérer une image de variante. À des fins de démonstration, modifiez le lien vers la propriété Chambray.
Modifier le panneau à partir des variantes. Chargez lamp;rsquoimage de la variante désirée à partir de lamp;rsquoimage et appuyez sur le bouton mise à jour pour mettre à jour les modifications.
Après avoir mis à jour lamp;rsquoimage de toutes les variantes, lamp;rsquoavant veut voir la capture damp;rsquoécran suivante.
Mise en place damp;rsquoéchantillons variables pour les nouveaux produits variables cette étape samp;rsquoadresse aux personnes qui namp;rsquoont pas encore créé de produits variables pour leur magasin. Tout damp;rsquoabord, nous allons créer des produits variables et activer les champs
Camp;rsquoest pour ça que je suis là. Étape 01: une fois que avez installé et activé avec succès le plug in, créez les propriétés globales requises à partir des produits amp;gt amp;gt attributs. Créez des changements de motif, de tissu, de longueur et de taille et saisissez le titre de lamp;rsquoattribut et le type damp;rsquoattribut correspondant dans le menu déroulant type.
Une fois que les attributs couleur, image et modèle damp;rsquoétiquette, tissu, étiquette et taille sont correctement créés, une liste damp;rsquoattributs est créée à gauche.
Après avoir créé une propriété globale, ajoutez une variable de propriété en sélectionnant le terme de configuration. Pour créer des variations pour les propriétés du schéma, sélectionnez configurer le lien de terme. Remplissez le champ Nom et sélectionnez le Code de couleur. Créez des variantes vertes, bleues et rouges pour les attributs de couleur. Une fois que avez ajouté une variation à un attribut Pattern, la liste des variations damp;rsquoattribut est affichée sur lamp;rsquoécran de gauche.
Retour à produits amp;gt amp;gt propriétés. Créez des variations pour les propriétés des tissus et sélectionnez configurer les termes du lien à partir des tissus. Remplissez le champ Nom et ajoutez une image de variation à partir de la médiathèque ou téléchargez la à partir de votre ordinateur.
Créez des variations de rayures, de velours et de relief pour les attributs damp;rsquoimage qui samp;rsquoaffichent à gauche.
Créez des variations des attributs radio et étiquette, comme les variations damp;rsquoimage et de couleur. Étape 02: afficher les échantillons sur la page des produits variables pour activer les échantillons sur la page des produits variables. Entrez le mode damp;rsquoédition du produit désiré et sélectionnez le produit variable à partir des données du produit.
Allez à lamp;rsquoonglet Propriétés. Cliquez sur le menu déroulant personnaliser les propriétés du produit. Toutes les propriétés créées globalement sont affichées ici. Ajoutez tous les attributs un par un.
Après avoir ajouté tous les attributs, appuyez sur le bouton sélectionner tous P dans chaque paramètre damp;rsquoattribut
Exemple de création de variantes de radio, d&rsquoétiquettes, de couleurs et d&rsquoimages pour les propriétés variables du produit woocommerce