Tutoriel WooCommerce Variable Merchandise : Définir facilement les options de taille et de couleur

en cours de construction WordPress Lors de leurs achats sur les sites web, de nombreuses personnes ont besoin d'articles qui ne sont pas de taille unique, mais qui sont disponibles dans une variété de tailles et de couleurs. La bonne nouvelle, c'est queWooCommerce La fonction "Produit variable" permet à chaque produit d'avoir plusieurs variantes parmi lesquelles les clients peuvent choisir.

Cet article vous guidera pas à pas dans le processus de création d'un produit variable WooCommerce avec des options de taille et de couleur, depuis les paramètres du backend jusqu'à la génération de combo, c'est facile et pratique.

图片[1]-WooCommerce 可变商品设置教学:加入尺寸和颜色选项超简单

Étape 1 : Ajouter une nouvelle variable "commodité

  • s'inscrire WordPress l'espace situé derrière une scène de théâtre
  • Allez dans [Commodity] dans le menu de gauche → [New].
图片[2]-WooCommerce 可变商品设置教学:加入尺寸和颜色选项超简单
  • Saisir le nom du produit
  • Dans la zone "Données du produit" ci-dessous, remplacez [ ] par [ ].simple marchandiseLe bouton [ ] permet de passer à [Variable Commodity].
图片[3]-WooCommerce 可变商品设置教学:加入尺寸和颜色选项超简单

De cette manière, l'élément peut commencer à ajouter de multiples attributs et variantes.

Étape 2 : Ajouter un attribut de taille

  • Passer à l'onglet [Propriétés
  • Sélectionnez [Attributs de produit personnalisés] → Cliquez sur [Ajouter].
  • Saisissez "Taille" dans le champ Nom.
  • Entrez dans le champ de la valeur :S | M | L(Utilisation de lignes verticales) | (comme séparateur)
  • Cochez [pour le type de changement]
  • Cliquez sur [Store Properties].
图片[4]-WooCommerce 可变商品设置教学:加入尺寸和颜色选项超简单

Vous pouvez également copier et coller les lignes verticales pour vous assurer que le formatage est correct.

Étape 3 : Ajouter des attributs de couleur

  • Continuez à cliquer sur [Ajouter]
  • Entrer "couleur" pour le nom
  • Exemple numérique :Blanc (uni) | Vert (motif)
  • Utilisez également des lignes verticales pour séparer les
  • Cochez [pour le type de changement]
  • Cliquez sur [Store Properties].
图片[5]-WooCommerce 可变商品设置教学:加入尺寸和颜色选项超简单

Maintenant que vous avez ajouté deux attributs : la taille et la couleur, vous pouvez en combiner plusieurs.morphologie.

Étape 4 : Créer un portefeuille de produits (variantes)

  • Passez à l'onglet [Modifier le type
  • Cliquez sur [Créer un type de modification à partir de toutes les propriétés].
  • Appuyez sur [Envoyer], puis sur [OK] deux fois comme demandé.
图片[6]-WooCommerce 可变商品设置教学:加入尺寸和颜色选项超简单

Le système génère automatiquement toutes les combinaisons. Par exemple, il y a 3 tailles × 2 couleurs = 6 variantes.

Étape 5 : Définition des images et des prix pour chaque variante

  • Tapez sur [Modifier] à droite de chaque combinaison
图片[7]-WooCommerce 可变商品设置教学:加入尺寸和颜色选项超简单
  • Télécharger une image exclusive à cette variante
  • Saisir le prix (par exemple 390)
  • Mettre toutes les combinaisons dans l'ordre
  • Enfin, cliquez sur [Enregistrer les paramètres].
图片[8]-WooCommerce 可变商品设置教学:加入尺寸和颜色选项超简单

tout le mondemorphologieTous peuvent avoir des photos et des prix individuels afin que la réception puisse les afficher correctement.

Étape 6 : Réglage des options prédéfinies

Lorsque la page du produit s'ouvre, seule une combinaison prédéfinie de diagrammes et d'informations s'affiche.

  • Dans [Valeurs de formulaire prédéfinies], sélectionnez la taille et la couleur de l'affichage par défaut (par exemple, taille M + vert).
图片[9]-WooCommerce 可变商品设置教学:加入尺寸和颜色选项超简单
  • Cliquez à nouveau sur [Enregistrer les paramètres].

Étape 7 : Définir l'image principale du produit (pour les listes de produits)

  • Faites glisser vers le coin inférieur droit de la page [Image du produit].
图片[10]-WooCommerce 可变商品设置教学:加入尺寸和颜色选项超简单
  • Téléchargez une variante de l'image que vous souhaitez utiliser comme image principale du produit (nous vous recommandons d'utiliser l'image du portfolio qui vient d'être définie comme image par défaut).
图片[11]-WooCommerce 可变商品设置教学:加入尺寸和颜色选项超简单
  • Cliquez sur [Définir l'image du produit].

Étape 8 : Publier le produit et le visualiser

  • Cliquez sur [Publier].
  • Aller à [Prévisualiser les modifications
  • Voir les images prédéfinies sur la page de liste des produits
图片[12]-WooCommerce 可变商品设置教学:加入尺寸和颜色选项超简单
  • En accédant à la page détaillée du produit, vous pouvez choisir librement la taille et la couleur, le système changera aussi automatiquement l'image et le prix !
图片[13]-WooCommerce 可变商品设置教学:加入尺寸和颜色选项超简单

résumés

WooCommerce La fonction de produit variable est idéale pour les produits ayant plusieurs tailles. Pour autant que vous configuriez les attributs et les types de variation, vous pouvez facilement proposer un choix libre de tailles et de couleurs, qu'il s'agisse de vêtements, de chaussures, d'accessoires ou d'autres produits. Suivez les étapes de cet article pour la mettre en place pas à pas, et vous aurez bientôt une page de marchandise plus complète, plus professionnelle et plus utilisable.


Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !
客服微信
Service clientèle WeChat
Tel : 020-2206-9892
QQ咨询:1025174874
(iii) Courriel : [email protected]
Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.
© Déclaration de reproduction
本文作者:托尼屎大颗
LA FIN
Si vous l'aimez, soutenez-le.
félicitations5211 partager (joies, avantages, privilèges, etc.) avec les autres
commentaires achat de canapé

Veuillez vous connecter pour poster un commentaire

    Pas de commentaires