VirtueMart est un magasin virtuel qui permet d'exposer les produits que l'on veut vendre sur son site Web. Ce composant de Joomla! sera très utile aux clients qui veulent faire de la vente en ligne.
Affichage des catégories sur la page d'accueil du site
Par Stephane Beka, juin 09, 2010
1
Accéder à Virtuemart
Pour accéder à VirtueMart, on doit se connecter à la console d'administration de Joomla!. Lorsque vous êtes sur la page d'accueil de l'administration, il faut cliquer sur Composants, Virtuemart. Vous arrivez alors à la page d'accueil de Virtuemart.
Cette page est composé d'un panneau central de 2 onglets :
Cette page est composé d'un panneau central de 2 onglets :
- Panneau de contrôle : contient plusieurs boutons d'accès rapide qui exsitent dans le menu de gauche.
- Et Statistiques : statistiques concernant votre magasin en ligne.
2
Création d'une catégorie - Informations sur la catégorie
Avant de penser à ajouter un produit, il faut créer des catégories, car chaque produit doit faire partie d'une catégorie. Et chaque catégorie peut elle-même faire partie d'une autre catégorie.
Pour créer une nouvelle catégorie, allez dans le menu de gauche, puis cliquez sur Produits, Ajouter une catégorie.
La page qui apparaît contient 2 onglets, voyons le premier Informations sur la catégorie. Il donne des informations de bases sur la catégorie telles que son nom et comment afficher les produits qui font partie de cette catégorie :
Pour créer une nouvelle catégorie, allez dans le menu de gauche, puis cliquez sur Produits, Ajouter une catégorie.
La page qui apparaît contient 2 onglets, voyons le premier Informations sur la catégorie. Il donne des informations de bases sur la catégorie telles que son nom et comment afficher les produits qui font partie de cette catégorie :
- Information sur la catégorie :
- Publier ?: cocher cette case si vous voulez que la catégorie soit publiée. Si elle n'est pas publiée, les produits qu'elle contient ne seront pas visible sur le site.
- Nom de la catégorie: nom que vous voulez donner à la catégorie. C'est le nom qui sera visible sur le site.
- Description de la catégorie: vous pouvez décrire la catégorie si vous le souhaitez.
- Parent: si vous le souhaitez vous pouvez choisir une catégorie à laquelle cette catégorie appartiendrait.
- Affiche x produits par ligne: nombre de produits qu'on affichera sur une ligne sur le site. Si vous modifiez la valeur par défaut (qui est de 3), il faudra changer le paramètre suivant, Page de navigation catégorie (choisir browse_2 quand on affiche 2 produits par ligne, browse_3 quand on en affiche 3 et ainsi de suite jusqu'à 5).
- Page de navigation catégorie: est le template qui est utlisé piur afficher les produits de cette catégorie dans une liste. Le mode managed, est associé au paramètre Affiche x produits par ligne et choisi le template approprié selon le nomdre de produits que l'on affiche par ligne.
- Page d'accueil de la catégorie: template utilisé pour l'affichage des détails d'un produit dans cette catégorie.
3
Catégorie - Images
L'onglet Images représente l'image de la vignette du produit dans le catalogue :
Une fois toutes les informations entrées, n'oubliez pas d'enregistrer vos modifications en cliquant sur Enregistrer (vous quittez cette page) ou sur Appliquer (vous restez sur cette page) en haut à droite.
- Image grande taille: choisissez une grande image du produit
- Action image: choisissez l'option qui convient concernant la grande image
- URL:(facultatif) : adresse de l'image si elle se trouve déjà sur un serveur
- Vignette: choisissez une petite image du produit qui apparaîtra dans le catalogue
- Action image: choisissez l'option qui convient concernant la petite image
- URL:(facultatif) : adresse de l'image si elle se trouve déjà sur un serveur
Une fois toutes les informations entrées, n'oubliez pas d'enregistrer vos modifications en cliquant sur Enregistrer (vous quittez cette page) ou sur Appliquer (vous restez sur cette page) en haut à droite.
4
Création d'un produit-Informations produit
Maintenant que vous avez au moins une catégorie, vous pouvez commencer à créer des produits.
Pour cela rendez-vous dans le menu de gauche à Produits, Ajouter un produit. Une page avec 6 onglets s'affiche. Passons-les en revue.
Le premier se nomme Informations produits et donne des informations de base sur le produit comme son nom et son prix :
Pour cela rendez-vous dans le menu de gauche à Produits, Ajouter un produit. Une page avec 6 onglets s'affiche. Passons-les en revue.
Le premier se nomme Informations produits et donne des informations de base sur le produit comme son nom et son prix :
- Publier?: cette case doit être cochée si on veut afficher le produit sur le site.
- Ref.: code de référence du produit, permet de l'identifier.
- Nom: Nom du produit.
- URL: facultatif, en général c'est un lien vers le vendeur ou le fabricant du produit.
- Catégories: une ou plusieurs catégories à laquelle le produit appartient.
- Prix HT*: prix hors taxes. Choisissez la devise avec le menu déroulant sur la droite.
- Prix TTC*: prix toutes taxes comprises.
- N° TVA: valeur de la Taxe. Ce paramètre est valable pour ajouter toutes sortes de taxes, dont la TPS et la TVQ. Voir plus bas comment ajouter une TVA.
- Type de remise: type du rabais s'il y en a un.
- Prix réduit: prix avec remise. On peut soit spécifier un Type de remise et le Prix réduit est calculé, soit on spécifie un Prix réduit et le Type de remise est calculé.
- Résumé: courte description du produit qui sera utlisée dans les résultats de recherche sur le site.
- Description complète: description détaillée du produit qui sera utilisée sur la page du produit.
5
Création d'un produit-Affiche les options
Le deuxième onglet se nomme Affiche les options et modifie l'affichage des produits enfants s'il y en a :
- Utilisez les paramètres de parent: si la catégorie de ce produit fait partie d'une catégorie parent, ce sont les paramètres du parent qui seront pris en compte.
- Liste et Style de la liste: type de liste que vous voulez utiliser pour afficher les enfants.
- IDs supplémentaires: identifiants des produits à inclure.
- Quantité: choisissez comment vous voulez afficher la quantité.
- Valeur de la liste déroulante: choisissez comment vous voulez afficher la liste déroulante correspondant à la quantité.
6
Création d'un produit-Statut du produit
Le troisième onglet est Statut du produit. Il donne des informations sur la disponibilité et les propriétés du produit :
- En sotck: nombre de produits en inventaire.
- Quantité d'achat minimum: minimum de produits que l'on peut acheter.
- Quantité d'achat maximum: maximum de produits que l'on peut acheter.
- Date de disponibilité: date à laquelle le produit sera disponible.
- Disponibilité: écrivez un texte ou choisissez une image correspondant au délai avant l'envoi.
- Prix spécial: cochez cette case si le produit est en promotion.
- Liste des Attributs: entrez ici les attributs et les propriétés correspondants au produit (différentes couleurs, tailles, etc...) :
- Title: nom de l'attribut.
- Propriété: nom de la propriété.
- Prix: prix correspondant à cet attribut et cette propriété s'il y a une différence.
- Liste des attributs personnalisés: vous pouvez ajouter vos propres attributs. Des champs vont pouvoir être remplis par l'acheteur.
7
Création d'un produit-Dimensions et poids du produit
Le quatrième onglet porte sur les Dimensions et poids du produit. Ces options sont aussi utlisées pour calculer le prix de la livraison :
- Longueur: longueur du produit.
- Largeur: largeur du produit.
- Hauteur: hauteur du produit.
- Unité de mesure: choisissez une unité de mesure pour la taille. cm pour centimètres ou in pour inches.*
- Poids: poids du produit.
- Unité de Mesure: choisissez une unité de mesures pour le poids.
- po pour pound(s).
- kg pour kilogram(m)(s).
- ou pour ounces.
- lb pour Livres.
- Unité: nom de l'unité utilisée (comme pièces, morceaux, etc...).
- Nombre de pièces dans l'emballage: nombre de produits dans un emballage.
- Nombre de pièces le Lot: nombre de produits dans un lot.
8
Création d'un produit-Images du produit
Le cinquième onglet est Images du produit, cela représente l'image de sa vignette dans le catalogue :
- Image grande taille: choisissez une grande image du produit.
- Action image: choisissez l'option qui convient concernant la grande image.
- URL:(facultatif) : adresse de l'image si elle se trouve déjà sur un serveur.
- Vignette: choisissez une petite image du produit qui apparaîtra dans le catalogue.
- Action image: choisissez l'option qui convient concernant la petite image.
- URL:(facultatif) : adresse de l'image si elle se trouve déjà sur un serveur.
9
Création d'un produit-Produits complémentaires
Le dernier onglet est Produits complémentaires : si vous voulez ajouter des catégories ou des produits qui sont complémentaires à celui entré, vous pouvez les tapez dans le champ de recherche et les sélectionner. Cela affiche des vignettes cliquables qui mènent vers d'autres produits de la boutique qui pourrait intéresser l'acheteur.
Ils apparaissent alors à droite. Pour les enlever, cliquer sur celui que vous voulez supprimer à droite et cliquez sur la petite flèche.
Ils apparaissent alors à droite. Pour les enlever, cliquer sur celui que vous voulez supprimer à droite et cliquez sur la petite flèche.
10
Ajouter un taux de TVA (Taxes)
Dans le menu de gauche cliquez sur Taxes, Ajouter un taux de TVA. La page qui s'affiche contient 3 paramètres à remplir:
La taxe fédérale TPS (Taxes sur les produits et Services) et la taxe provinciale pour le Québec TVQ (Taxes de Vente du Québec) valent au moment où j'écris cet article 12.875%.
- TVA pour le pays: choisissez à quel pays va s'appliquer la TVA.
- TVA pour l'état ou la région: choisissez à quelle région va s'appliquer la TVA.
- Taux de TVA (pour 19.6% => remplissez 0.196): entrez le taux de la TVA.
La taxe fédérale TPS (Taxes sur les produits et Services) et la taxe provinciale pour le Québec TVQ (Taxes de Vente du Québec) valent au moment où j'écris cet article 12.875%.
Commentaires (2)

Par Stephane Beka, juin 09, 2010
Bonsoir
Je voudrais savoir comment faire pour aligner les images de ma page d'accueil? J'ai utilisé le module de virtuemart "Catégories" pour lister les différentes catégories en page d'accueil avec des images. J'utilise le template Kodadesign et je n'arrive pas a bien aligner les catégories sur 3 colonnes par exemple?
Cordialement
Je voudrais savoir comment faire pour aligner les images de ma page d'accueil? J'ai utilisé le module de virtuemart "Catégories" pour lister les différentes catégories en page d'accueil avec des images. J'utilise le template Kodadesign et je n'arrive pas a bien aligner les catégories sur 3 colonnes par exemple?
Cordialement
Ecrivez un commentaire



En effet, j'ai beau modifier "Affiche x produits par ligne:" à 2 et vider le cache de VirtueMart, cela ne fait rien.
Actuellement j'ai mis 3 produits, et les 3 sont sur la même ligne, au lieu que le 3ème produit se place sur une ligne du dessous.
Que faire ?