Exemple de création de variantes de radio, d’étiquettes, de couleurs et d’images pour les propriétés variables du produit woocommerce

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, n’est – ce pas? L’exemple de variante de produit remplace la boîte déroulante par défaut de variante de produit woocommerce et permet des échantillons de couleur, d’image, d’étiquette et de radio. Ainsi, les clients peuvent facilement choisir la variante de produit désirée et l’ajouter immédiatement au panier. Dans ce tutoriel, je vous montrerai comment utiliser le thème oceanwp pour activer des variantes de radio, d’étiquettes, de couleurs et de photos dans les produits variables woocommerce.
Je suppose que vous avez installé le thème oceanwp. Pour activer l’échantillon dans un produit variable, installez d’abord le plug – in d’échantillon de variante woocommerce. Démonstration en direct | Télécharger l’échantillon de variante woocommerce plug – in installer l’échantillon de variante woocommerce Vous pouvez également télécharger un exemple de plug – in de variante woocommerce à partir de l’arrière – plan du site. Sélectionnez démarrer l’installation du plug – in à partir de l’avertissement de l’Administrateur principal. Installez et activez l’exemple de variante woocommerce et le plug – in Ocean extra. Si vous n’avez pas reçu l’avertissement principal d’installer l’exemple de plug – in, allez au plug – in > > 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, d’étiquettes, de couleurs et d’images dans le thème oceanwp. Commençons l’expérience. Après avoir installé l’échantillon de variante woocommerce et le plug – in photo dans le thème oceanwp, configurez l’échantillon de variante woocommerce. Il est temps de configurer ce plug – in pour vos produits variables. Il y a deux façons d’installer ce plug – in. Activer les exemples de variantes pour les produits variables ESI
Lorsque vous sélectionnez un type d’attribut pour un attribut de produit, le d du produit apparaît comme la capture d’écran suivante. Les variantes de l’attribut label semblent bonnes, mais les variantes de l’attribut Pattern doivent définir la couleur et les variantes de l’attribut Fabrics doivent ajouter des images.
Étape 02: modifier la variation pour définir la couleur comme une variation dans l’attribut modèle. Allez à produits > > propriétés. Sélectionnez configurer les termes dans la propriété Patterns. Lorsque vous sélectionnez configurer le terme, une liste des variantes d’attributs 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 la présentation, sélectionnez le lien d’é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, l’extré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 vous 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 l’image de la variante désirée à partir de l’image et appuyez sur le bouton mise à jour pour mettre à jour les modifications.
Après avoir mis à jour l’image de toutes les variantes, l’avant veut voir la capture d’écran suivante. Mise en place d’échantillons variables pour les nouveaux produits variables cette étape s’adresse aux personnes qui n’ont pas encore créé de produits variables pour leur magasin. Tout d’abord, nous allons créer des produits variables et activer les champs
C’est pour ça que je suis là. Étape 01: une fois que vous avez installé et activé avec succès le plug – in, créez les propriétés globales requises à partir des produits > > attributs. Créez des changements de motif, de tissu, de longueur et de taille et saisissez le titre de l’attribut et le type d’attribut correspondant dans le menu déroulant type.
Une fois que les attributs couleur, image et modèle d’étiquette, tissu, étiquette et taille sont correctement créés, une liste d’attributs 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 vous avez ajouté une variation à un attribut Pattern, la liste des variations d’attribut est affichée sur l’écran de gauche.
Retour à produits > > 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 d’image qui s’affichent à gauche. Créez des variations des attributs radio et étiquette, comme les variations d’image 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 d’édition du produit désiré et sélectionnez le produit variable à partir des données du produit. Allez à l’onglet 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 d’attribut