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

crytex

مراقب سابق
إنضم
5 أوت 2009
المشاركات
16.890
مستوى التفاعل
25.308
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:
 

crytex

مراقب سابق
إنضم
5 أوت 2009
المشاركات
16.890
مستوى التفاعل
25.308
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
 

crytex

مراقب سابق
إنضم
5 أوت 2009
المشاركات
16.890
مستوى التفاعل
25.308
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
 

crytex

مراقب سابق
إنضم
5 أوت 2009
المشاركات
16.890
مستوى التفاعل
25.308
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
 

crytex

مراقب سابق
إنضم
5 أوت 2009
المشاركات
16.890
مستوى التفاعل
25.308
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
 

crytex

مراقب سابق
إنضم
5 أوت 2009
المشاركات
16.890
مستوى التفاعل
25.308
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

;)
 
التعديل الأخير:

hackman

عضو فعال
إنضم
29 جانفي 2008
المشاركات
433
مستوى التفاعل
549
Спасибо مشكور عمل رائع نرجو ان ترينا كيف يمكن إضافة حل فيزا كارت او ماستر كارت
 
أعلى