Débuter avec le commerce électronique Magento!

Magento est la prochaine génération de commerce électronique! Il est incroyablement bien architecturé, totalement flexible, évolutif et amusant à utiliser. Si vous avez déjà pensé à créer une boutique en ligne, Magento est votre choix! Aujourd'hui, nous allons l'installer localement avec XAMPP Lite et passer en revue l'essentiel..

Étape 1 - Qu'est-ce que Magento??

"Magento est une solution de commerce électronique open source professionnelle riche en fonctionnalités qui offre aux marchands une flexibilité et un contrôle complets sur l'apparence, le contenu et les fonctionnalités de leur boutique en ligne. L'interface d'administration intuitive de Magento contient de puissants outils de marketing, d'optimisation des moteurs de recherche et de gestion de catalogue. pour donner aux marchands le pouvoir de créer des sites adaptés à leurs besoins spécifiques. Conçue pour être totalement évolutive et s'appuyer sur un vaste réseau de support, Magento offre aux entreprises la solution de commerce électronique ultime. "

C'est Magento dans leurs propres mots. Très cool à propos de Magento est le concept derrière. Grâce à son style OOP élevé, vous pouvez
facilement l'intégrer avec vos propres solutions.

Étape 2 - Télécharger Magento

Tout d'abord, nous allons télécharger Magento. Accédez à magentoecommerce.com/download et sélectionnez votre format préféré de Magento. Vous pouvez choisir entre une version "Downloader" plus petite qui récupèrera les fichiers lors de l'installation et une "Version complète" contenant déjà tous les fichiers. Prenez également les exemples de données car ils sont utiles pour s’habituer à Magento

Étape 3 - Télécharger XAMPP Lite

XAMPP Lite est un paquet Take-Run-Delete-Forget-it qui ne nécessite aucune installation. XAMPP Lite contient Apache, MySQL 5.1, PHP 5.2, phpMyAdmin 3.1 et bien plus encore. C'est une petite édition supplémentaire de son grand frère
XAMPP. Il apporte (presque) tout ce dont nous avons besoin pour Magento. Vous ne pouvez ni prendre le fichier zip ni l'archive zip selfextrackting: http://www.apachefriends.org/en/xampp-windows.html#646

Une fois le téléchargement terminé, extrayez XAMPP Lite sur votre disque dur de la manière suivante: X: / xampplite (où X est la lettre de votre partition)..

Étape 4 - Configuration de XAMPP Lite

Magento exige beaucoup du matériel et des logiciels des serveurs. C’est mon besoin d’ajuster un peu XAMPP Lite. Certaines extensions doivent être chargées en plus. Dans le deux fichiers D: \ xampplite \ apache \ bin \ php.ini et D: \ xampplite \ php \ php.ini nous devons supprimer le commentaire de 4 lignes de code

Dans tous les deux recherche de fichiers

  • ; extension = php_curl.dll
  • ; extension = php_mcrypt.dll
  • ; extension = php_mcrypt_filter.dll
  • ; extension = php_mhash.dll

… Et supprimez le point-virgule pour les décommenter comme suit:

  • extension = php_curl.dll
  • extension = php_mcrypt.dll
  • extension = php_mcrypt_filter.dll
  • extension = php_mhash.dll

Étape 5 - Remplacez libmysql.dll

Pour que Magento fonctionne, nous devons remplacer libmysql par une version plus récente. Il suffit de télécharger http://windows.php.net/downloads/snaps/php-5.2-win32-VC6-x86-latest.zip et de copier le libmysql.dll inclus dans les dossiers D: \ xampplite \ apache \ bin \ et D: \ xampplite \ php \.

Étape 6 - Démarrer XAMPP Lite

Cliquez sur D: \ xampplite \ xampp-control.exe pour lancer le panneau de configuration. Dans ce panneau, vous pouvez lancer le serveur Apache et le serveur MySql..

Étape 7 - Création d'une nouvelle base de données

Naviguez jusqu'à 127.0.0.1/phpmyadmin pour ouvrir phpMyAdmin. Choisissez le nom de la base de données ("magento" est un bon choix ;-) et cliquez sur "créer".

Étape 8 - Installation des exemples de données

Les exemples de données de Magento doivent être installés avant installer Magento lui-même. Sinon, il y aura une erreur.

Arrivé au robinet "importer" et choisissez magento_sample_data_for_1.2.0.sql que vous avez téléchargé à l'étape 2.

Cliquez ensuite sur ok pour exécuter l'importation. Cela prendra un certain temps (au moins 20 secondes). Alors s'il vous plaît soyez patient et n'interrompez pas ce processus. Le résultat devrait ressembler à ceci:

Étape 9 - Installation de Magento

Commencez par extraire magento-1.3.0.tar.bz2 que vous avez téléchargé à l’étape 2 dans votre dossier htdocs: D: \ xampplite \ htdocs \ magento \. Assurez-vous que tous les fichiers sont dans ce dossier, y compris le fichier index.php. Votre structure de répertoire devrait ressembler à ceci:

Ensuite, ouvrez localhost / magento dans votre navigateur. Magento va maintenant lancer l'assistant d'installation. D'abord, vous devrez accepter la licence.

Choisissez votre localisation et votre devise et continuez. Sous "Configuration", vous pouvez tout laisser tel quel. Dans un environnement productif, vous devez saisir les données d'admission que vous avez obtenues de votre société d'hébergement..

Dans l'étape suivante, vous devez créer votre compte administrateur. Entrez vos données personnelles et vos informations de connexion. Vous pouvez laisser le champ 'Clé de chiffrement' vierge.

Après avoir confirmé vos informations de connexion avec 'next', vous avez enfin terminé l'installation..

Étape 10 - Familiarisez-vous avec l'interface de Magento

Lorsque vous cliquez sur 'Go to Frontend', il vous redirigera vers localhost / magento /. Vous pouvez maintenant découvrir le magasin avec ses exemples de données, ajouter des produits au panier ou essayer le célèbre paiement d'une page de Magento. Jouez un peu avec votre magasin Magento frais.

Étape 11 - Le backend de l'administrateur

Lorsque vous accédez à l'interface utilisateur administrative de Magento, assurez-vous d'utiliser 127.0.0.1 au lieu de localhost. Certains navigateurs n'enregistrent pas les informations de cookie lorsqu'il n'y a pas de point dans le domaine. Magento a besoin d'informations sur les cookies pour vous identifier comme approuvé au backend.

Visitez http://127.0.0.1/magento/admin/ pour vous connecter. Une fois que vous avez entré les informations de votre compte, vous serez redirigé vers le tableau de bord..

Étape 12 - Introduction aux thèmes

Vous pouvez installer un thème via une plateforme appelée "Magento Connect". Un thème dans Magento est responsable de la sortie visuelle.

Magento a un concept de thème très puissant. Par exemple, vous pouvez utiliser un thème par défaut fourni avec Magento et un nouveau thème côte à côte. Ce nouveau thème individuel ne contient que des fichiers qui diffèrent du thème par défaut.

Si vous voulez simplement déplacer le mini-panier de la barre latérale gauche à la barre latérale droite, il vous suffit de copier le fichier correspondant de "default" dans votre nouveau répertoire de thème et d’ajuster du code. Tout d'abord, Magento charge tous les fichiers de votre thème privé, puis passe au thème suivant dans la hiérarchie inférieure (dans ce cas, "défaut") et requiert tous les fichiers manquants de ce thème..

Ce faisant, Magento conserve la possibilité d'être mis à niveau. Avec chaque mise à niveau proposée par l'équipe de Magento, les fichiers de votre thème par défaut sont écrasés. Vos fichiers ajustés sont protégés de cette façon.

Étape 13 - Par où commencer avec les thèmes?

Les thèmes Magento sont divisés en deux répertoires. Lorsque vous travaillez avec des thèmes, ces deux répertoires resteront votre point de départ.
Les fichiers sont séparés en "accessible sur le Web" (tels que image et javascripts) et ceux qui peuvent être masqués pour des raisons de sécurité.

  • Répertoire 1: app / design / frontend / default / default / - Ce répertoire contient la mise en page, la traduction (paramètres régionaux) et les matériaux du modèle.
  • Répertoire 2: skin / frontend / default / default / - Ce répertoire contient les images, CSS et les Javascripts spécifiques aux blocs..

Étape 14 - Interface et thème

Une interface est une collection de thèmes. Examinons les deux répertoires car ils représentent la structure des interfaces et des thèmes:

  • Répertoire 1: app / design / frontend / default / default /
  • Répertoire 2: skin / frontend / default / default /

Dans les deux cas, default indique le nom de l'interface et default indique le nom du thème. Donc, si vous travailliez sur un thème appelé “my_theme” dans une interface appelée “my_interface”, vous travailleriez dans le répertoire 'app / design / frontend / my_interface / my_theme /'..

Étape 15 - Que sont les blocs?

Dans Magento, nous travaillons avec des blocs structurels et des blocs de contenu. Les blocs structurels représentent la structure de base d'une page. Habituellement, nous avons des blocs structurels comme l’en-tête, la barre latérale gauche, le contenu intermédiaire, la barre latérale droite et le pied de page. Nous pouvons assigner blocs de contenu comme la liste des catégories, la navigation, la barre de recherche, la légende, etc. bloc structurel.

Étape 16 - Introduction à la mise en page

Les blocs de contenu sont affectés aux blocs structurels à l'aide de disposition. Layout est construit avec des fichiers XML et se trouve dans app / design / frontend / default / default / layout. De cette façon, vous pouvez réutiliser des modèles créés précédemment, tels que le module de mini-panier dans la barre latérale, sur différentes pages en les appelant simplement dans un fichier XML de mise en page..

Étape 17 - Roundup

Vous avez appris à configurer Magento et les bases de la terminologie de conception de Magento. Cela vous aidera à plonger dans cette merveilleuse plate-forme Open Source. Pour aller plus loin dans Magento, je vous recommande les ressources suivantes - qui couvrent les bases.

Ressources principales

  • http://www.magentocommerce.com
  • http://www.magentocommerce.com/design_guide
  • http://inchoo.net/wp-content/uploads/2008/06/designers_guide_to_magento.pdf
  • http://www.magentocommerce.com/media/screencasts
  • http://www.magentocommerce.com/media/tour

Livres

  • Guide de l'architecte pour la programmation de commerce électronique avec Magento
  • Magento: Guide du débutant