Cours 420-2C4-LL Commerce électronique

*** Projet web.....Allez-y!!!, https://data.dinf.ca/wordpress/ ***



 

Rappel aux étudiants…S.V.P. remplir l'évaluation des enseignants qui vous sera transmis par MIO via LÉA.  -Mers…ssii…..

 


 

Semaine 12 - Suite- catégorie-Calendrier-Paypal

 

Afficher par catégorie dans Wordpress

(avec WooCommerce)

Télécharger : 1-Afficher par catégorie dans Wordpress.docx

 

1 ère chose : Dans le Tableau de bord, allez dans Apparence et Personnaliser.

 

2 ème chose :

Allez dans WooCommerce

 

3 ème chose :

Dans Catégorie de Produits et ensuite dans Afficher les Catégories

 

Résultats dans Wordpress !!!

L'ajout des catégories dans le sous-menu Boutique n'est pas automatique,

vous devez le faire manuelement dans "menus"

 

 

Ref.: https://webypress.fr/woocommerce-comment-afficher-les-categories-sur-la-page-boutique-avec-video/

 

 


 

 

2-Image mise en avant - Dans le thème XXX

(avec WooCommerce)

Télécharger : 2-Image mise en avant - Dans le thème XXX.docx

 

Dans le thème : "Blossom Pinlt" par exemple…

Pour changer le fond gris des carrés de l'accueil….

Dans la page de base, dans mon cas c'était l'article "Bonjour tout le monde"

 

Dans Modifier……

Ensuite à droite……. dans "Image mise en avant"

 

 

Résultat :

 


 

 

3-Ajouter un type de produit (couleur, taille, etc.)

(avec WooCommerce)

Télécharger : 3-Ajouter un type de produit (couleur, taille, etc.).docx

 

 Pour ajouter un produit variable, créez un nouveau produit ou modifiez un produit existant.

  1. Accédez à Produits > Tous les produits.
  2. Sélectionnez le bouton Ajouter produit ou modifiez un produit existant. Faites défiler la page jusqu’au panneau « Données produit ».
  3. Dans la liste déroulante Type de produit, sélectionnez Produit variable.

 

 

Dans mon cas, j'ai ajouter un attribut "Personnage" et à coté, j'ai ajouter les valeurs séparer par une barre droite "|"

Alvin | Simon | Théodore | Les 3

 

Ensuite..... allez dans Variations.

ensuite...cliquez sur "Modifier"

Pour chaque attribut ajouter au minimum le prix de chaque attribut.

 

Et voilà... vous aurez maintenant le choix quand vous ajouterez une figurine "Chipmunks" dans votre panier !

 

 

 ref.: https://woocommerce.com/document/produits-variables/

 

Bonus: Pour ajouter un "Attribut" à un "Attribut"

Exemple :

 

Ajouter un deuxième "Attributs"

 

Pour rendre le tout fonctionnel, allez dans "Variations"  et cliquez sur "Generate variations"

 

 

ET... Magie ... Toute les variations des deux attribut apparaissent...

Maintenant vous pouvez allez dans "Modifier" de chacune des variations pour mettre le prix de votre choix.

 

 

Résultat:

 


 

 

4-Paypal dans Wordpress

(avec WooCommerce)

Télécharger : 4-Paypal dans Wordpress.docx

 

 

Paypal dans Wordpress

(avec WooCommerce)

 

Avant de commencer, assurer vous d'avoir installé (ou le prof!) l'extension: "WooCommerce PayPal Payment" et l'activer.

Dans vos réglages de "WooCommerce" si vous aviez activé le "Paiements hors ligne", allez à l'intérieur pour tout désactiver.

 

Décocher la case et enregistrer les changements.

 

1 ère chose : Dans "WooCommerce" du Tableau de bord de WordPress, aller dans réglages pour activer le payment de Paypal.

 

2 ème chose :

Bouton Activer, et ensuite "Terminer la configuration…":

 

 

NE PAS APPUYER SUR LE BOUTON S.V.P.

Descendre jusqu'as la section "See advenced options" et appuyer sur la flèche vers le bas.

 

 

3 ème chose :

Configurer Paypal

Dans la fenêtre "Paypal", insérer l'adresse du compte sandbox du prof pour que l'argent soit déposé dans son compte :

Email: sb-zmq9o3449622@business.example.com

Et le Pays: Canada

 

Et ensuite le mot de passe

Mot de passe : {sStE*<2

 

 

 

Appuyer sur "Get Back to test facilititator's Test Store"

Attendre quelques secondes….. ou plus…

 

"Ne pas utiliser Firefox !!!"

 

Paypal a configurer votre site Wordpress !!!

Appuyer sur "Save"

 

Et voila !!!

Tester un achat…

 

Au moment de payer :

 

 

Pour faire un test et payer:

adresse: sb-qpned3842935@personal.example.com
mot de passe : =NX2xA_9

J'ai juste 5 000 $ dans mon compte SVP soyez pas trop dépenseux ou dépensière ??!!??

Vive le service "à clientèle" !!!!

 


 

 

 

 

 

 

 

 

 

 


   

Voici mes coordonnées: Stéphane Mercier (Mers), stephane.mercier@cegeplevis.ca, 418-833-5110 poste 5511 (disponible par MIO)

Tout droit réservé à personne !!!

.