Installation & Configuration - PrestaShop

8,583 views

Published on

Atelier "Installation et configuration de PrestaShop" - Barcamp² PrestaShop
Workshop "Installation and configuration of PrestaShop" - Barcamp² PrestaShop

Published in: Business
0 Comments
13 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
8,583
On SlideShare
0
From Embeds
0
Number of Embeds
51
Actions
Shares
0
Downloads
0
Comments
0
Likes
13
Embeds 0
No embeds

No notes for slide

Installation & Configuration - PrestaShop

  1. 1. Installation et configuration de PrestaShop _________________ Installation and configuration of PrestaShop
  2. 2. Installation de PrestaShop <ul><li>Rendez-vous à l‘URL : </li></ul><ul><li>– </li></ul><ul><li>Go to this URL: </li></ul><ul><li>http://www.ma_boutique.com/install </li></ul><ul><li>ou </li></ul><ul><li>http://localhost/PrestaShop/install </li></ul>
  3. 3. Installation de PrestaShop
  4. 4. Cliquez sur suivant pour vous rendre à l'étape 2 – Click on next to go to the step 2 L'installer vérifiera la configuration de votre serveur. – Installer is going to check your server configuration . Installation de PrestaShop
  5. 5. Installation de PrestaShop
  6. 6. Installation de PrestaShop Cliquez sur suivant pour vous rendre sur l'étape 3 – Click on next to go to the step 3 L'installer vous demandera d'indiquer les informations relatives à votre base de données. – Installer will ask for informations about your database.
  7. 7. Installation de PrestaShop
  8. 8. Installation de PrestaShop Pour cela vous devez avoir une base de données créée, rendez-vous sur le gestionnaire de base de données pour la créer. – For this you need a database created, go to the database manager to create it. Par exemple / For example  : phpMyAdmin
  9. 9. Installation de PrestaShop Une fois vos informations renseignées, rendez-vous sur l'étape 4. – Once your information filled in, go to step 4. Cette étape permet de renseigner des paramètres pour votre boutique. – At this step, you can specify parameters for your shop.
  10. 10. Installation de PrestaShop
  11. 11. Installation de PrestaShop Rendez-vous à la dernière étape qui vous permettra de finaliser l'installation de votre boutique. – Go to the last step to complete the installation of your store .
  12. 12. Installation de PrestaShop
  13. 13. Configuration de PrestaShop Allez sur votre Back-Office. – Go in your Back-Office. Suivez les instructions de sécurité et rendez-vous sur la nouvelle adresse de votre Back-Office. – Follow the security instructions and go to the new address of your Back-Office.
  14. 14. Configuration de PrestaShop Identifiez-vous... – Login...
  15. 15. Configuration de PrestaShop Vue d'ensemble de votre Back-Office. – Global view of your Back-Office.
  16. 16. Configuration de PrestaShop
  17. 17. Configuration de PrestaShop Configurons votre boutique :-) – Configure your shop :-) Nous allons tout d'abord changer le logo. – We are going to change the logo. Cliquez sur l'onglet Préférences puis Apparence. – Click Preferences, then Appearance tab.
  18. 18. Configuration de PrestaShop
  19. 19. Configuration de PrestaShop Nous allons indiquer les coordonnées de votre boutique. – We will provide contact information for your shop . Pour cela, cliquez sur le sous-onglet Coordonnées. – To do this, click the Contact subtab.
  20. 20. Configuration de PrestaShop
  21. 21. Configuration de PrestaShop Pour configurer vos modules de paiement, cliquez sur l'onglet Paiement. – To configure your payment modules, click the Payment tab.
  22. 22. Configuration de PrestaShop
  23. 23. Configuration de PrestaShop Nous allons créer un transporteur. – We are going to create a new carrier. Rendez-vous sur la page Transport et cliquez sur le sous-onglet Transporteurs. – Visit the Shipping page and click on the subtab Carriers.
  24. 24. Configuration de PrestaShop
  25. 25. Configuration de PrestaShop Une fois le transporteur créé, cliquez sur le sous-onglet Tranches de poids et créez autant de tranches que nécessaire. – Once the carrier set, click the Weight ranges subtab and create as many ranges as needed.
  26. 26. Configuration de PrestaShop
  27. 27. Configuration de PrestaShop Une fois les tranches de poids créées, cliquez sur l'onglet Transport, pour attribuez des prix à chaque tranche. – Once the weight ranges set, click the Shipping tab, set prices to each range.
  28. 28. Configuration de PrestaShop Maintenant, nous allons créer une catégorie de produits. Pour cela, cliquez sur l'onglet Catalogue. – Now, we are going to create a new product category. For this, click on Catalog tab.
  29. 29. Configuration de PrestaShop
  30. 30. Configuration de PrestaShop Cliquez sur « Ajouter une nouvelle sous-catégorie » – Click on « Add a new subcategory »
  31. 31. Configuration de PrestaShop
  32. 32. Configuration de PrestaShop Cliquez sur « ajouter un produit » – Click on « Add a new product »
  33. 33. Configuration de PrestaShop
  34. 34. Configuration de PrestaShop Votre nouveau produit est créé... – Your new product has been created...
  35. 35. Configuration de PrestaShop
  36. 36. Configuration de PrestaShop Sur le Front-Office, vous pouvez maintenant voir dans la catégorie « Ma catégorie », l'article que vous venez de créer. – In the Front-Office, you can now see in the category &quot;My Category&quot;, the article you just created.
  37. 37. Configuration de PrestaShop
  38. 38. Configuration de PrestaShop <ul><li>Passons une commande... </li></ul><ul><li>Une fois le produit ajouté au panier, le processus de commande est composé de 5 étapes : </li></ul><ul><ul><ul><ul><ul><li>Récapitulatif panier </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Identification et choix de l'adresse </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Choix du transporteur </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Choix du moyen de paiement </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Confirmation </li></ul></ul></ul></ul></ul>
  39. 39. Configuration de PrestaShop <ul><li>Create a new order... </li></ul><ul><li>Once the product is added to the cart, the checkout process </li></ul><ul><li>is composed of 5 steps: </li></ul><ul><ul><ul><ul><ul><li>Cart Summary </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Identification and selection of the address </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Carrier choice </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Payment choice </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Confirmation </li></ul></ul></ul></ul></ul>
  40. 40. Configuration de PrestaShop
  41. 41. Configuration de PrestaShop
  42. 42. Configuration de PrestaShop
  43. 43. Configuration de PrestaShop
  44. 44. Configuration de PrestaShop
  45. 45. Configuration de PrestaShop
  46. 46. Configuration de PrestaShop
  47. 47. Configuration de PrestaShop Vous pouvez voir dans l'historique de vos commandes, celle que vous venez de passer. – You can see in the history of your orders, the one you just passed.
  48. 48. Configuration de PrestaShop
  49. 49. Configuration de PrestaShop Nous retournons dans le Back-Office, pour valider notre commande. Cliquez sur l'onglet « Commandes ». -- We get back in the Back-Office, to confirm our order. Click on the &quot;Orders&quot; tab.
  50. 50. Configuration de PrestaShop
  51. 51. Configuration de PrestaShop Cliquez sur votre commande pour en voir le détail et en changer le statut. – Click on your order to see details and change its status.
  52. 52. Configuration de PrestaShop
  53. 53. Configuration de PrestaShop Sélectionnez le nouveau statut et cliquez sur « Modifier ». – Select the new status and click on « Change ».
  54. 54. Configuration de PrestaShop
  55. 55. Configuration de PrestaShop La nouvelle commande est validée, nous pouvons la voir dans la liste des commandes en « vert ». – The new order is confirmed, we can see in the list of orders in « green ».
  56. 56. Configuration de PrestaShop
  57. 57. Configuration de PrestaShop Si vous avez des questions, n'hésitez pas à venir participer à notre atelier... :-) – If you have any questions, feel free to come and participate in our workshop ... :-)

×