درس Créez votre boutique en ligne gratuitement avec Prestashop

crytex

مراقب سابق
إنضم
5 أوت 2009
المشاركات
16.932
مستوى التفاعل
25.371
fKPQ5.png


أهلا و سهلا بكافّة الإخوة الأعضاء والزوار في منتديات تونيزيا سات
و في منتدى التطوير ولغات البرمجة

Grâce à ce tutoriel on va voir ensemble comment développer un site e-commerce avec le CMS Prestashop sans aucune connaissance requise sur les langages de programmation

logo.png


Prestashop: C'est un CMS: (Système de gestion de contenu) ou bien Content Management System en anglais

Il est gratuit, simple et puissant et vous permet de gérer votre boutique en ligne

Ce tutoriel sera divisé en plusieurs parties, dans chaque partie on va s’intéresser à une fonctionnalité particulière de ce CMS


:sm-type:
 
fKPQ5.png


On va commencer par la préparation de l'environnement de travail

On va d'abord télécharger et installer WAMP depuis le site officiel


708694




Par la suite on va télécharger Prestashop depuis le site officiel aussi

On va travailler sur la dernière version , la version v1.6.1.4




Après le téléchargement décompressez le fichier .rar téléchargé et copier/coller le dans le répertoire www de wamp server


C:\wamp\www

1.png


Dans la prochaine partie on va commencer l'installation du CMS
 
fKPQ5.png


Pour installer Prestashop accédez à localhost depuis wamp server

708696


708697


Clickez maintenant sur Prestashop pour commencer l'installation

711064


Il faut choisir la langue puis valider

2.png


Accepter puis suivant

3.png


Il faut remplir ce formulaire par les informations demandées nom, prénom, e-mail, nom de la boutique, ...

4.png


On va maintenant créer et préparer une base de donnée pour Prestashop

Vous accédez à localhost depuis wamp server


708701


Dans l'anglet bases de données tapez Prestashop dans le champ nom puis faites un click sur créer

La base de donnée avec le nom Prestashop sera ajoutée


5.png


Faites un click sur Suivant

6.png


Installation de Prestashop en cours ...

:sm-time:

7.png


Installation terminée

;)

8.png


Accédez maintenant au dossier install puis supprimez le

كود:
C:\wamp\www\prestashop_1.6.1.4_fr\prestashop
 
fKPQ5.png


On se connecte tout d’abord au menu d'administration

9.png


Le menu sera affiché, on va commencer par installer un nouveau thème

10.png


On importe le thème téléchargé et on commence l'installation

11.png


Par la suite on va appliquer le nouveau thème

12.png


Il faut activer les modules nécessaires

13.png


Dans cette zone on va ajouter un logo à notre site e-commerce
Choisissez vos images dans tous les anglets


14.png


Dans la configuration avancée du thème on peut définir les apparences comme suit

15.png


Voici notre site e-commerce

On va maintenant ajouter de nouveaux produits

16.png
 
fKPQ5.png


On va commencer par ajouter un nouveau produit dans notre site

17.png


Il faut remplir les informations nécessaires: le nom, quantité, images, prix , ...

18.png


Ici on définit le prix de l'article

19.png


On choisit une image pour notre article

20.png


Après confirmation l'article sera ajouté avec succès

;)

21.png


On va voir maintenant comment créer une promotion pour un article

22.png


On choisit ajouter un prix spécifique

23.png


On remplit le formulaire par les informations nécessaires: période de promotion, prix, ...

24.png


Il faut pas oublier de cocher la case afficher un bandeau

25.png


Enfin le produit sera affichée avec le nouveau prix et avec le bandeau de promotion

;)

26.png
 
fKPQ5.png


Avant de passer à autres choses il est recommandé de créer toujours une copie de sauvegarde de vos données comme suit

27.png


On va voir maintenant comment ajouter un nouveau module de paiement

28.png


On choisit depuis la liste en bas et on click sur installer
29.png


Le module sera installé, vous pouvez le configurer après l'installation

30.png


Voici un exemple de commande

J'ai commandé l'article en promotion

31.png


Vous pouvez consulter toutes les commandes depuis le menu commandes, vous pouvez même gérer les bons de réduction, les retours produits, ...

32.png



... To be continued

;)
 
التعديل الأخير:
Спасибо مشكور عمل رائع نرجو ان ترينا كيف يمكن إضافة حل فيزا كارت او ماستر كارت
 
أعلى