Variation Swatches

Variation Swatches

Dans ce tutoriel, nous allons voir comment convertir la liste déroulante des variations d’un produit en image ou en bouton.

Tout d’abord, pour ajouter des attributs à un produit, rendez-vous dans “Dashboard -> Produits -> Attributs”. Saisissez  les mots “couleur” ou “taille” par exemple.

Ensuite, dans “configurer les termes”, ajoutez les couleurs et les tailles dans lesquelles vos produits sont disponibles (Rouge, Blanc, Bleu) ou encore (L,S).

Avez-vous ajouté les 2 attributs ? Bravo!

Maintenant, ajoutez un produit de type variable (comprendre un produit ayant des caractéristiques variables), et utilisez les 2 attributs précédemment ajoutés, ainsi que tous les termes y afférents.

Ensuite dans “Variations”, ajoutez toutes les variations du produit disponibles (ici 6). Si vous en avez davantage, vous pouvez les ajouter.

Maintenant, ajoutez une image au produit et publiez-le. Le résultat doit ressembler à ça!

NB : n’oubliez pas d’ajouter le prix à vos variations. Les variations sans prix ne seront pas affichées. Pour fixer un prix qui s’applique à toutes les variables, allez dans “Variations -> Ajoutez une variation -> Mettre en place les tarifs réguliers”  puis cliquez sur le bouton “Aller”.

C’est bon jusqu’ici ? Super, votre produit variable à bien été ajouté, bravo!

Maintenant, rendez-vous dans le “Dashboard -> Applications” pour activer l’application “Variation Swatches”. Une fois que c’est fait, retournez dans la fiche produit que vous venez d’ajouter; vous devriez voir “Swatches settings” maintenant dans les données du produit.
Enfin, si vous retournez sur le site, plus exactement dans la page du produit; vous verrez que l’affichage de vos variables a changé.

Vous pouvez dès lors ajouter des images et/ou des couleurs à vos attributs dans “Swatches settings” !

Ça y est, Bravo! Vous avez configuré “Variation swatches” pour afficher les variations d’un produit, en image et/ou en bouton.

Faite la même chose pour “content two” et ça sera bon. 

Voir plus de conseils de Webdesign

Derniers Articles Webdesign

Comment créer une PAGE PRODUIT originale ?

Comment créer une PAGE PRODUIT originale ?

Aujourd’hui, je vais vous parler de la création d’une page produit originale. La durée du processus d’achat est très importante dans la vente de produits en ligne. Si vous désirez passer plus de temps sur un produit particulier, cela signifie qu’il sera plus facile à vendre. Dans cette vidéo, je vais vous montrer un effet incroyable qui peut rendre votre page de produit beaucoup plus belle et plus originale que les autres. Les produits se vendent et la plupart d’entre eux n’ont rien de spécial dans le design de leur page produit. Je vais partager avec vous quelques secrets sur la façon de créer une page produit originale.

read more
Comment créer une page 404 PERSONNALISÉ ?

Comment créer une page 404 PERSONNALISÉ ?

Dans cette vidéo, je vais vous montrer comment créer une page 404 personnalisée. Il s’agit de la page que les internautes voient lorsqu’ils essaient d’accéder à une page de votre site Web qui n’existe pas.
Il est important de disposer d’une page 404 personnalisée car elle permet de garder les visiteurs sur votre site et d’améliorer le classement de votre site dans les moteurs de recherche.
Vous allez voir qu’il est très simple de réaliser une belle page 404 avec votre image de marque.

read more