Contacts

Instructions étape par étape d'Opencart. Opencart - instructions et documentation. Paramètres généraux d'OpenCart

Cette série d'articles vise à aider les développeurs OpenCart débutants à élever leur niveau de connaissances et à devenir des développeurs plus avancés.

Cela est particulièrement vrai pour les développeurs qui connaissent PHP, la programmation orientée objet et le modèle de conception Model View View (MVC).

Dans la première partie, nous aborderons les questions suivantes :

  • Qu'est-ce qu'OpenCart ?
  • Installation d'OpenCart sur une machine locale ;
  • Analyse de la structure de base des répertoires et des fichiers.

Qu'est-ce qu'un opencart ?

À l'ère moderne de l'information et de la technologie, personne ne peut diminuer l'importance d'Internet dans nos vies. Dans cette optique, cela ne surprendra personne que la direction du commerce électronique se développe à un rythme effréné.

OpenCart est un système de commerce électronique avancé, gratuit et open source conçu pour faciliter la création de votre propre boutique en ligne.

Pourquoi opencart ?

De nombreux facteurs plaident en faveur d'OpenCart, mais voici les principaux et les plus importants :

  1. OpenCart est très simple pour les développeurs et les utilisateurs finaux ;
  2. Il existe de nombreux articles sur Internet qui vous aideront à comprendre presque toutes les situations.
  3. Un ensemble complet de documentation est écrit pour le système, afin que les développeurs puissent facilement trouver des informations sur chaque détail de la plate-forme ;
  4. Personnaliser le code pour vous-même est très simple, donc même un développeur de niveau débutant peut comprendre le code système ;

Bien sûr, ce n'est qu'un aperçu superficiel. Examinons maintenant certains des points forts d'OpenCart par rapport aux autres alternatives.

Je note que bien que la plateforme dispose d'un grand nombre d'atouts, dans cet article nous n'en considérerons qu'une partie.

Forces:

  1. Plusieurs magasins dans un seul système ;
  2. Des outils puissants pour le redimensionnement automatique des images ;
  3. Journal des erreurs intégré ;
  4. Sauvegarde et récupération;
  5. Prise en charge multilingue ;
  6. Prise en charge d'un grand nombre de modules.

Installer OpenCart sur une machine locale

Tout d'abord, téléchargez et installez la dernière version de XAMPP sur votre ordinateur en visitant le site Web Apache Friends et en installant la version appropriée pour votre système.

Je note que dans mes exemples j'utilise Windows 7. Téléchargez le fichier et suivez les instructions.

Une fois l'installation terminée, démarrez le serveur XAMPP et démarrez les services Apache et MySQL. Assurez-vous que les deux services sont surlignés en vert, sinon, redémarrez les services.

Parfois, Apache ne démarre pas à cause de Skype. Si vous rencontrez ce problème, essayez de fermer Skype et redémarrez le service.

À cette étape, nous devrions avoir tout prêt pour commencer à travailler. Téléchargeons la dernière version d'OpenCart à partir du site officiel, comme indiqué dans la capture d'écran.

Ouvrez maintenant XAMPP et cliquez sur le bouton Explorer à droite. Il ouvrira une fenêtre Explorer dans le répertoire où XAMPP est installé. Il y aura un répertoire htdocs - ouvrez-le simplement.

Décompressez l'archive OpenCart, copiez le répertoire uploads dans htdocs et renommez-le (j'ai nommé le répertoire décompressé OpencartStore). La deuxième étape consiste à créer un fichier vide appelé config.php dans le répertoire admin.

Ouvrez maintenant votre navigateur préféré et entrez http://localhost/OpencartStore .

Vous verrez la page d'installation, qui vous montrera le texte du contrat de licence. Cliquez simplement sur le bouton Continuez(Plus loin).

Sur la page Pré-installation(Exigences d'installation) vous devez vous assurer que toutes les exigences de la section Paramètres PHP et extensions(Paramètres PHP et extensions).

Les utilisateurs Mac et Linux doivent définir les autorisations correctes sur les fichiers et répertoires répertoriés (chmod 0775)

Allez sur phpMyAdmin et créez une base de données. Par exemple, j'ai créé une base de données appelée storageb . Remplissez maintenant les champs du formulaire Configuration(Configuration) valeurs similaires à celles listées ci-dessous :

Sur la page suivante, assurez-vous que vos paramètres PHP sont entièrement conformes aux exigences minimales d'OpenCart.

Les utilisateurs Mac et Linux doivent définir les autorisations d'écriture appropriées sur ces répertoires (chmod 775).

  1. Pilote de base de données (pilote de base de données) : MySQL ;
  2. Hôte de la base de données (hôte de la base de données) : localhost ;
  3. Utilisateur (utilisateur) : racine ;
  4. Mot de passe (mot de passe) : ** mot de passe de l'utilisateur de la base de données ** ;
  5. Nom de la base de données : storageb (celle que vous avez créée avec phpMyAdmin) ;
  6. Préfixe de base de données (préfixe de table) : (laisser tel quel, oc_).

Sur la dernière page, remplissez les coordonnées de l'administrateur de la boutique :

  1. Nom d'utilisateur (nom d'utilisateur) : admin ;
  2. Mot de passe (mot de passe) : admin ;
  3. Courriel : (adresse postale de l'administrateur de la ressource).

Cliquer sur le bouton Continuer prendra un certain temps car OpenCart copie la structure de la table et les fichiers PHP. Ne vous inquiétez pas du temps, attendez quelques secondes et votre magasin sera prêt !

N'oubliez pas de supprimer le répertoire "OpencartStore/install" après une installation réussie.

Comprendre la structure de base des fichiers

OpenCart a une structure de fichier très simple. Les utilisateurs ne rencontreront aucune difficulté après s'être familiarisés avec l'objectif principal des annuaires.

  • admin - stocke des répertoires avec des modèles, des fichiers de vues et de contrôleurs du panneau d'administration, ainsi que des fichiers et des répertoires de langue ;
  • catalog - contient les fichiers Model, View, Controller et Language. Toujours dans le répertoire View, vous pouvez trouver des fichiers et des répertoires avec des modèles ;
  • image - contient des fichiers de bannière, des logos, des images de produits et un cache d'images
  • system - contient les fichiers de base du framework OpenCart. Les fichiers les plus importants de ce répertoire sont les bibliothèques (library) et les helpers (helper).

Nous verrons cela dans les prochains articles de la série.

Commençons les instructions d'installation d'OpenCart depuis le tout début et dans l'ordre. Tout d'abord, ce dont vous avez besoin pour installer le moteur OpenCart. Vous avez besoin d'un domaine et d'un hébergement - en fait, où vous l'installerez. L'hébergement est un espace disque sur un serveur distant où se trouvera réellement votre site. Domaine - le nom de votre site sur Internet. Les deux sont payants. Vous avez également besoin du moteur lui-même - les fichiers du site pour l'installation, c'est gratuit.

Commençons par un nom de domaine et un hébergement pour votre future boutique. J'utilise les services de la société d'hébergement ukrainienne pour mes sites, je vais donc tout montrer en utilisant cet hébergeur comme exemple. Vous pouvez choisir n'importe qui en recherchant des requêtes sur Google hébergement de sites Web, l'essentiel est qu'il y ait un support pour php et les bases de données, tous les hébergeurs qui se respectent l'ont maintenant. Il est plus facile d'enregistrer un domaine et un hébergement en un seul endroit. Alors, commençons !

Si vous supposez que vous aurez un site (votre magasin) et que c'est tout, le plan tarifaire le plus simple pour un site vous suffira, et l'espace disque vous suffira également pour démarrer. Nous commandons le tarif le plus simple :

Suivez le processus de commande et payez immédiatement l'hébergement pendant un an - ce sera moins cher. Il est plus pratique d'enregistrer un domaine après avoir payé l'hébergement, lorsque vous entrez dans le panneau de contrôle de l'administrateur de votre site, et non lors de l'enregistrement d'un compte d'hébergement (peut être proposé). Après avoir payé pour l'hébergement, vous êtes déjà dans le panneau de contrôle du site. Toutes les autres manipulations sont déjà effectuées ici. Tout d'abord, enregistrez un nom de domaine. Pour cela, rendez-vous dans l'onglet Domaines et cliquez sur Enregistrer un domaine :

Choisissez une zone de domaine qui convient au prix et proposez un nom de domaine. Vous payez également pour un domaine pendant un an - les domaines ne sont pas payés moins cher. Et ce n'est que lorsque vous avez enregistré et hébergé un domaine que vous pouvez commencer à installer OpenCart. Je ne vois pas trop l'intérêt de ces manipulations pour installer le moteur sur Denver sur votre ordinateur pour voir, puis le transférer vers l'hébergement, si vous avez besoin d'un magasin pour vous-même, amusez-vous plus longtemps. Faites tout tout de suite sur l'hébergement. Lorsque le domaine est payant, rendez-vous dans l'onglet Hébergement et sélectionnez Mes sites :

Et dans la fenêtre contextuelle qui apparaît, entrez le nom de domaine que vous avez enregistré et cliquez sur le bouton Ajouter. Par example:

Lorsque le site est prêt, il devrait ressembler à ceci :

Une partie du travail est faite - l'emplacement de votre futur site est préparé. Si vous cliquez sur le lien (domaine), l'image suivante devrait apparaître (uniquement avec votre domaine et 15 minutes après l'enregistrement) :

Donc tout est bien fait ! Mais ce n'est pas tout. Vous devez maintenant créer une base de données pour votre futur magasin. Le moteur OpenCart fonctionne de manière à ce que toutes les informations (descriptions de produits, noms de catégories, etc.) soient stockées dans la base de données. Autrement dit, vous ajoutez un produit dans le panneau d'administration du magasin - toutes ces informations entrent dans la base de données, puis elles sont déjà affichées à partir de la base de données dans la partie utilisateur du magasin. Nous créons également une base de données immédiatement. Dans l'onglet Hébergement, cliquez sur le lien Bases de données :

Une fenêtre contextuelle apparaîtra. Choisissez n'importe quel nom arbitraire et cliquez sur Créer, sans rien changer d'autre ! La base de données a été créée. Le mot de passe correspondant est généré automatiquement. Si tout est fait correctement, cela devrait ressembler à ceci (uniquement avec votre login):

Une étape de plus est passée. Mais ce n'est pas tout. Nous devrons en quelque sorte télécharger les fichiers de notre site sur l'hébergement. Le moyen le plus pratique de le faire est de passer par un client FTP, un peu à ce sujet ci-dessous, mais pour l'instant, vous devez créer immédiatement un identifiant et un mot de passe pour accéder à votre futur site via FTP. Sur l'onglet Hébergement, comme vous l'avez déjà compris, toutes les manipulations avec le site se font sur cet onglet, cliquez sur Utilisateurs FTP :

Nous créons un nom d'utilisateur et un mot de passe. Le résultat devrait ressembler à ceci (uniquement avec votre login):

C'est ça! Le travail préparatoire est terminé - vous pouvez procéder à l'installation d'OpenCart lui-même, ce qui prendra moins de temps que la préparation. Téléchargez le jockey lui-même depuis le site officiel. Décompressez l'archive sur votre ordinateur. Après le déballage, le dossier de téléchargement et les fichiers avec les instructions apparaîtront. C'est le contenu du dossier de téléchargement (il s'agit du site) qui doit être téléchargé sur un serveur distant :

Pour télécharger des fichiers, il est pratique d'utiliser le client FTP FileZilla gratuit. Assurez-vous de télécharger et d'installer ce programme par vous-même - lors de la configuration du site, vous en aurez souvent besoin. Lancez FileZilla et connectez-vous à notre serveur. Pour ce faire, entrez les données d'accès FTP que nous avons récemment créées :

Laissez le port vide et cliquez sur Connexion rapide. Le côté gauche du programme est notre ordinateur, le côté droit est un serveur distant. Développez le dossier de téléchargement avec les fichiers du site sur la gauche afin que tous les fichiers de notre site soient visibles. Sur la droite, vous aurez un dossier avec le nom de votre site (domaine). Nous l'ouvrons. Il y aura un dossier www, ouvrez-le. Il y aura un fichier index.html dans le dossier www - ce fichier doit être supprimé (clic droit et sélectionnez supprimer), et à la place téléchargez les fichiers de notre site. Pour télécharger, maintenez le bouton gauche de la souris enfoncé et sélectionnez tous les fichiers du site, puis faites un clic droit et sélectionnez Télécharger sur le serveur :

Lorsque les fichiers du site sont téléchargés sur notre hébergement, nous nous tournons vers notre site - vous pouvez taper le domaine dans la barre d'adresse du navigateur et appuyer sur Entrée, ou accéder au site depuis le panneau de contrôle de l'hébergement. Si tout est fait correctement, il y aura une image comme celle-ci:

Nous sommes d'accord avec la licence et cliquez sur Continuer. Ensuite, nous cherchons à ce que les États soient verts partout.

J'ai écrit qu'il manque deux fichiers de configuration (tout le reste est vert). En fait, ces fichiers existent, mais ils s'appellent différemment. Grâce au client FTP, nous trouvons ces fichiers (nous voyons les chemins d'accès aux fichiers - nous allons dans les dossiers correspondants déjà sur le serveur). Et renommez les fichiers config-dist.php en config.php - faites un clic droit sur le fichier et sélectionnez renommer :

Un tel fichier directement dans le répertoire racine (pas besoin d'aller n'importe où et de chercher). Le second se trouve dans le dossier admin - vous devez ouvrir le dossier admin et il contient un fichier avec le nom exact - renommez-le également. Cela devrait être comme ça (et pareil dans le dossier admin):

Après avoir renommé, nous mettons à jour la page avec l'installation. Lorsque tous les états sont verts, cliquez sur Continuer :

L'étape suivante consiste à remplir les champs avec des données sur la base de données. Et créez un nom d'utilisateur et un mot de passe :

Lorsque tous les champs sont remplis, cliquez sur Continuer :

Prêt! Nous pouvons aller au panneau d'administration, ou à la vitrine de notre magasin. De plus, après l'installation, vous devez supprimer le dossier d'installation du répertoire racine :

Toute notre boutique est prête ! Si cette instruction d'installation d'Opencart vous a semblé trop compliquée, il y en a, non seulement pour l'installation, mais aussi pour la mise en place de ce moteur.

Posez des questions dans les commentaires.

Bonjour. Dans le dernier article de cette série d'articles, appelé conditionnellement "OpenCart russe", je . L'installation réussie d'OpenCart est vérifiée par le contrôle des entrées de la vitrine et de sa partie administrative.

Pour entrer dans la partie administrative d'OpenCart, vous devez vous souvenir du login et du mot de passe de l'administrateur du magasin, qui ont été définis lors de l'étape d'installation du magasin. Si vous avez oublié le mot de passe et la connexion administrateur, lisez mon article et restaurez tout ce que vous avez oublié.

Page principale du panneau d'administration d'Open Cart

Le titre correct de la page principale du panneau d'administration Open Cart est "Panneau d'état". Le menu du panneau d'administration s'ouvre comme un curseur sur le côté gauche de la page (le bouton pour ouvrir le menu est en haut de la page, au-dessus du menu).

Les développeurs d'OpenCart ont créé la page d'accueil du magasin la plus pratique. La base d'administration d'Opencart est son menu. Il est situé sur le côté gauche de la page. Tous les éléments du menu sont actifs et ouverts lorsqu'ils sont pressés.

La page contient tous les modules nécessaires à l'évaluation visuelle de l'activité du magasin. Ici et le nombre de commandes (1), le nombre de ventes (2), le nombre de clients enregistrés (3), le nombre d'acheteurs en mode en ligne (4). De plus, carte d'entrée des visiteurs (5), analyse graphique du nombre de clients par rapport au nombre d'acheteurs (6). Complète les statistiques : le module Buyer Activity (7) et les dernières commandes (8).

Paramètres généraux d'OpenCart

Après avoir pris connaissance de la page principale du panneau d'administration d'OpenCart, passons aux paramètres généraux.

Nom du magasin OpenCart

Accédez à l'onglet Système → Paramètres dans le menu du panneau d'administration.

Nous voyons le nom du magasin par défaut et son adresse URL. Tous les réglages du magasin sont effectués via le bouton "crayon" (2), sur lequel nous appuyons. Il s'agit de la page principale du panneau d'administration Opencart que nous utilisons dans cet article. Ici, tous les paramètres principaux du magasin sont situés.

Comme vous pouvez le voir, la page des paramètres généraux d'OpenCart comprend son propre menu de 8 éléments :

  1. Principale;
  2. Score;
  3. Localisation;
  4. Option ;
  5. Images;
  6. Poster;
  7. Serveur.

Nous allons dans chaque onglet de ce menu et définissons les paramètres généraux de notre boutique en ligne Opencart.

Paramètres généraux d'OpenCart - Général

Les principaux paramètres OpenCart incluent la définition du nom du magasin (Titre), de la description (Description) et des phrases clés (Mots clés). Ces colonnes sont directement liées à l'optimisation SEO de la boutique et sont obligatoires.

1. Titre ne doit pas dépasser 70 caractères avec des espaces et inclure le groupe de produits principal du magasin (clé principale). Par exemple, « Maternelle : commerce sur Internet de biens pour enfants » ou « Shinprom : vente de pneus de voiture ». Le titre sous une forme concentrée doit contenir toute l'essence de votre trading sur Internet. 2. La description(description) doit révéler le titre du magasin. La longueur de la description ne dépasse pas 160 caractères avec des espaces. Plus est possible, mais les moteurs de recherche le couperont dans l'aperçu des résultats de recherche. 3. mots clés(phrases clés) n'est plus pertinente pour le référencement. Mais il est préférable de le remplir avec 3 à 5 phrases clés principales.

Noter: Avant de créer une boutique en ligne, vous devez avoir préparé les noyaux sémantiques principaux et étendus pour la promotion et l'optimisation du site de la boutique. C'est le noyau sémantique qui sert de source pour le titre, la description et les mots clés dans les paramètres de la boutique en ligne.

4. Les paramètres "Store template" et "Store layout" (5) sont laissés sur "default". Nous ne pouvons pas changer le modèle de magasin, car c'est le seul, et nous ne modifierons pas la mise en page pour ne pas se confondre dans les paramètres. Pour l'avenir, je note que la mise en page est l'apparence de la vitrine avec les modules placés dessus. Vous pouvez créer la mise en page vous-même.

CMS Opencart est la solution parfaite pour créer une petite ressource commerciale. Il ne nécessite pas de coûts spéciaux et présente des avantages tels que:

Prise en charge multilingue.

Nombre illimité de pages, catégories, produits, marques.

Système modulaire (possibilité de créer plusieurs magasins sur Opencart sur une seule plateforme).

Optimisation du moteur de recherche.

Extension des fonctionnalités en installant des add-ons.

Possibilité d'installer différents thèmes.

Il existe également une version étendue russifiée d'OpenCart - ocStore. Nous l'installerons, car "prêt à l'emploi", c'est le plus efficace pour la Russie. Contrairement à OpenCart, il a déjà :

Pack de langue russe

Localisation de la base de données

Optimisation SEO (titre et h1 ajoutés pour les produits, catégories, fabricants, etc.)

Fonctionnalité étendue.

Alors, passons en revue étape par étape comment créer un magasin Opencart.

Étape 1. Installer Opencart sur l'hébergement

La description. Ici, nous entrons une description de la catégorie pour le visiteur. L'affichage dépend du modèle.

Balise HTML de titre. Saisissez ici le titre de la page. Par exemple, "Cuisine russe".

Balise HTML H1. Ici, vous pouvez dupliquer le titre de la page. Dans notre exemple, il sera affiché comme sur la figure.

- Balise méta de description et balise méta de mots-clés. Ce sont des balises méta de description et de mot-clé pour les moteurs de recherche.

Onglet Données :

Catégorie Parentale. Si la catégorie que nous créons est une catégorie parente, nous ne sélectionnons rien. S'il s'agit d'une sous-catégorie, sélectionnez la catégorie parente ici. Dans notre exemple, "Russe" est la catégorie parente, nous la laissons donc inchangée.

URL de référencement. Ici, nous définissons la balise URL de notre catégorie à afficher dans le lien. Le nom de la catégorie est généralement indiqué en latin. Si la catégorie se compose de deux mots séparés par un espace, l'espace est remplacé par un trait d'union ou un trait de soulignement. Dans notre exemple, ce sera « russkaya ».

Image de catégorie. Ici, nous ajoutons une image qui sera affichée en haut. L'affichage dépend du thème que vous utilisez. Dans notre exemple, il sera affiché sous le texte de la balise HTML H1 (encerclée dans la figure ci-dessus).

Menu principal. Lorsque cette case est cochée, la catégorie sera affichée dans le menu supérieur. Ne fonctionne que pour les catégories principales.

Enregistrez la catégorie en cliquant sur l'icône de la disquette en haut. Les sous-catégories sont ajoutées de la même manière, seulement dans la catégorie parente, il est nécessaire d'indiquer à quelle catégorie appartient la sous-catégorie.

Étape 4. Ajouter et configurer un produit sur Opencart

Allez dans Catalogue => Produit. Dans la fenêtre qui s'ouvre, nous voyons les produits déjà créés lors du processus d'installation. Vous pouvez les conserver à titre d'exemple ou les supprimer. La suppression est identique à la suppression de catégories.

Comment ajouter un produit à Opencart - un exemple simple

Ajoutez un nouveau produit en cliquant sur le signe plus en haut. Une page s'ouvrira avec plusieurs onglets, que nous examinerons.

Onglet général :

Nom. Le nom du produit, par exemple "Soupe fraîche aux choux".

La description. La description du produit que le visiteur verra.

- Balise HTML de titre, balise HTML H1, balise méta de description, balise méta de mots clés. Ces champs ont les mêmes fonctions que les catégories, mais uniquement pour le produit.

Étiquettes de produit. Les balises de produit dans Opencart sont une sorte de balises de produit affichées en bas. Ils peuvent trouver rapidement des produits similaires, ils ont un effet positif sur l'optimisation des moteurs de recherche.

Onglet Données :

- Image du produit. Image principale du produit. Il sera affiché sur la page de la catégorie et en premier dans la fiche produit.

Modèle. Ici, nous spécifions le code produit qui sera affiché dans la fiche produit. Vous pouvez utiliser un numéro d'article interne ou un nom unique.

Prix. Nous indiquons le prix de nos marchandises.

Quantité. Spécifiez la quantité de marchandises en stock.

- Montant minime. Spécifiez la quantité minimale de commande. Autrement dit, si vous avez un commerce de gros, vous pouvez spécifier la quantité minimale que vous devez ajouter au panier afin de passer une commande pour le produit.

- Soustraire du stock. Si "Oui" est indiqué, la quantité en stock diminuera à chaque commande. Dans notre exemple, le produit est préparé à chaque fois après la commande et n'a pas une certaine quantité en stock. Par conséquent, nous indiquons "Non".

- Rupture de stock. Sélectionnez le texte qui sera affiché au visiteur si le produit est en rupture de stock.

URL de référencement. Tout comme dans les catégories, nous prescrivons une étiquette unique pour le lien. Par exemple, shchi-iz-svezhej-kapusty.

- Dimensions (L x l x H). Assurez-vous de préciser si vous utiliserez ultérieurement des modules pour calculer la livraison. Dans notre exemple, le dimensionnement n'est pas nécessaire.

Unité de longueur. Que mesurons-nous - cm ou mm.

Le poids. Indiquez le poids de l'article.

Unité de poids. Que mesurons-nous - kg ou g.

Statut. Nous indiquons le statut « Activé » afin que notre produit soit affiché sur la vitrine.

Onglet Liens :

Fabricant. Dans notre exemple, la production est la nôtre, nous laissons donc le champ vide. Dans les autres cas, nous indiquons ici le fabricant. Les pré-fabricants doivent être ajoutés via quel catalogue => fabricants.

- Produits connexes. Les produits associés dans Opencart sont des produits qui sont affichés dans la carte principale, sous la description. Ici, nous pouvons indiquer les produits que vous conseillez d'acheter pour ce produit. Par exemple, les accessoires. Dans notre exemple, pain, pain pita et plus encore. Ces articles doivent déjà être ajoutés à la boutique pour pouvoir les sélectionner.

Onglet "Remises":

Ici, vous pouvez fixer des prix en fonction de la quantité (2). Spécifiez la quantité à partir de laquelle le prix réduit commence à fonctionner (1). Aussi, cette remise peut être limitée dans le temps en précisant la date de début et la date de fin (3 et 4). Pour ajouter une nouvelle remise à partir de la quantité suivante, cliquez sur le plus (5).

Onglet Promotions :

Ici, vous pouvez définir un nouveau prix pour une certaine période, par exemple, pour une vente. Spécifiez le nouveau prix (1), la date de début et la date de fin (2 et 3). Si vous avez besoin de spécifier plus, cliquez sur le plus (4).

Onglet Images :

Sur cet onglet, nous pouvons ajouter des images supplémentaires pour notre produit.

Onglet points bonus :

Sur cet onglet, vous pouvez utiliser le système d'accumulation de points bonus pour acheter des biens.

1. Dans le champ "Points", indiquez le nombre de points pour lequel l'acheteur peut acheter le produit. Si l'article ne peut pas être acheté avec des points, entrez 0.

2. Dans le champ "Points bonus", indiquez le nombre de points que l'acheteur recevra en achetant le produit.

Après avoir effectué tous les réglages, enregistrez en cliquant sur l'icône de la disquette en haut. Ceci termine la création d'un produit simple.

Passons à un produit plus complexe, qui dans notre exemple a des portions différentes.

Comment ajouter un produit à Opencart - un exemple plus compliqué

Avant d'ajouter un produit, nous devons ajouter des options en allant dans Catalogue => Options. Dans la fenêtre qui s'ouvre, nous voyons les options déjà créées lors de l'installation d'Opencart. Nous les supprimons de la même manière que précédemment dans les catégories.

Ajoutez une nouvelle option en cliquant sur le plus en haut.

2. Sélectionnez ensuite le type d'option - dans notre exemple "Switch", afin de ne pouvoir sélectionner qu'une seule option.

3. Spécifiez l'ordre de tri - facultatif.

4. Ensuite, entrez les valeurs d'option en appuyant sur le plus : la valeur elle-même (5), l'image associée (6) et l'ordre de tri (7). L'ordre de tri dans notre exemple est important pour ne pas casser la logique, puisqu'il y aura deux valeurs (250g et 300g) et elles doivent se suivre dans l'ordre croissant.

Passons maintenant à l'ajout d'un produit avec des options. Auparavant, nous avons déjà ajouté un produit et nous ne nous attarderons pas là-dessus en détail, à l'exception de l'onglet "Options", que nous n'avons pas encore envisagé.

1. Sélectionnez l'option "Serving" nouvellement créée sur l'onglet. Une fenêtre de saisie des valeurs apparaîtra.

2. Dans le champ "Obligatoire", définissez la valeur sur "Non" afin que l'acheteur puisse ajouter le produit sans sélectionner d'option. Mais pour cela, la fiche produit avec l'option par défaut doit être entièrement enregistrée - le prix et le poids de la portion doivent être indiqués (respectivement 100 roubles et 200 g).

3. Ajoutez une nouvelle valeur d'option.

4. Choisissez une valeur.

6. Nous prescrivons un supplément sur le prix.

7. Ajouter du poids à la portion originale.

8. Nous sauvegardons les marchandises.

Voici la carte avec laquelle nous nous sommes retrouvés :

Ainsi, dans Opencart, nous pouvons configurer des filtres qui décrivent une variété de propriétés du produit. L'acheteur pourra choisir les marchandises par couleur, taille, modification, configuration et autres paramètres.

Étape 5. Configurer l'acceptation des paiements sur Opencart

1. Pour configurer les paiements, accédez à Addons => Paiements. Il existe plusieurs modules de paiement sur la page.

2. Par défaut, ils ne sont pas installés et pour les installer, vous devez cliquer sur le plus.

3. Après cela, vous pouvez procéder à l'édition en cliquant sur l'icône du crayon.

Dans notre exemple, nous ne considérerons qu'un seul mode de paiement - "Paiement à la livraison", car tous les autres modes sont similaires et ne diffèrent que par le nombre de champs à remplir. Si vous avez des agrégateurs de paiement connectés, vous aurez besoin des informations fournies par les agrégateurs.

Passons à l'édition du module :

- Montant minimal. Spécifiez le montant minimum pour le paiement par cette méthode. Si le montant de la commande est inférieur à cette valeur, la méthode ne sera pas disponible.

- État de la commande après paiement. Nous indiquons l'état de la commande après réception du paiement. Dans notre exemple, le statut sera "Livré".

Statut. Pour activer la méthode, sélectionnez "Activé".

Étape 6Configurer l'expédition Opencart

Dans notre exemple, deux options de livraison seront utilisées - un coût d'expédition fixe (150 roubles) et une livraison gratuite pour les commandes supérieures à 1000 roubles.

1. Pour paramétrer les modes de livraison, rendez-vous sur Compléments => Livraison. Sur la page qui s'ouvre, nous verrons plusieurs méthodes de livraison, parmi lesquelles il y a celles dont nous avons besoin.

2. Installez-les en cliquant sur le plus.

3. Nous procédons à l'édition en cliquant sur le crayon.

Commençons par modifier la méthode "Coût de livraison fixe":

Prix. Précisez le coût de la livraison. Dans notre exemple, 150.

Classe d'impôt. Nous le changeons en "Non sélectionné", car nous n'utilisons pas les taxes lorsque nous travaillons avec des particuliers.

Enregistrez en cliquant sur la disquette en haut.

- Seuil de coût. Spécifiez le montant minimum pour que la livraison gratuite soit disponible. Dans notre exemple - 1000.

Statut. Spécifiez "Activé".

Nous sauvons.

Résultat

Nous avons brièvement parlé de la création d'une boutique en ligne sur Opencart en prenant l'exemple d'un magasin de livraison de nourriture. Bien sûr, dans l'article, nous n'avons considéré que les paramètres de base des modules. En regardant de plus près le moteur, vous pouvez créer un mégastore en ligne avec vos propres gadgets marketing.

Ne limitez pas votre imagination ! Installez le moteur, choisissez le bon thème et expérimentez !

C'est tout. Bonne chance dans la création d'une boutique en ligne!

Salutations, lecteurs du site ! 🙂

Aujourd'hui, nous continuons notre connaissance des différents CMS. Et dans cet article, nous considérerons créer une boutique en ligne sur OpenCart.

Tout d'abord, rafraîchissons nos connaissances sur le CMS (moteur). En bref, il s'agit d'un site prêt à l'emploi, que chaque propriétaire ajuste pour lui-même, en ajoutant de nouvelles fonctionnalités et éléments d'interface, ainsi qu'en modifiant l'existant ou en supprimant complètement les éléments redondants, à son avis.

Alors, revenons au sujet de l'article 🙂 Nous envisageons le développement d'une boutique en ligne sur OpenCart, car ce moteur fait partie des produits gratuits. Et ce n'est pas mon avis subjectif. Dans tous les classements Runet, il ne tombe pas en dessous de la 5e position.

Permettez-moi de vous rappeler que ses avantages incluent la facilité d'installation et de gestion du magasin, ainsi que des fonctionnalités puissantes pour les produits gratuits. Toutes les fonctionnalités nécessaires y sont disponibles : une fiche produit avec sa description, un compte utilisateur, un panier, des analyses clients et ventes, et bien plus encore. En savoir plus sur ses avantages et ses inconvénients dans l'article mentionné. Et le meilleur de tous, c'est un produit gratuit ! 🙂

Bien sûr, ce n'est pas une affirmation tout à fait vraie, car, comme vous le savez, le fromage gratuit n'est que dans une souricière 🙂

Mais par rapport aux moteurs commerciaux, les coûts de fonctionnement des magasins basés sur celui-ci seront limités au paiement de l'hébergement, à l'enregistrement d'un nom de domaine et au paiement des modules et des programmeurs si vous avez besoin de faire quelque chose d'individuel.

Pour résumer ce qui précède, je dirai qu'OpenCart est une solution idéale pour quelqu'un qui souhaite lancer une petite ressource commerciale sans trop de frais. De plus, j'ai des sentiments particulièrement tendres pour ce moteur, car. c'est mon premier CMS avec lequel j'ai commencé mon travail de programmeur web. C'est pourquoi elle ouvre cette série d'articles dédiés à la création de sites sur divers moteurs 🙂

Parlons donc plus en détail de la création d'une boutique en ligne sur OpenCart.

L'installation de templates, de modules, ainsi que leur développement, comme promis précédemment, je ferai dans des articles séparés.

Sélection de la version du CMS OpenCart pour créer une boutique en ligne

Pour le moment, la version la plus récente est la 2.1.0.1. Sa sortie a eu lieu le 6 octobre 2015.

En raison du fait que c'était assez récemment, seule la version précédente d'OpenCart 2.0.3.1 était russifiée, que nous utiliserons.

Il faut dire que cet état de fait, malheureusement, ne parle pas d'un support officiel de la plus haute qualité pour le produit, car. depuis la sortie de la version 2.0.3.1. six mois se sont écoulés (sortie le 29 mai 2015). Sur Internet, j'ai déjà rencontré des versions russes de la dernière version d'OpenCart, mais ce sont des assemblages, c'est-à-dire versions partiellement redessinées du moteur.

  • Leurs avantages par rapport à un moteur "propre" est leur ajout de fonctions très nécessaires et intéressantes (systèmes de paiement russes intégrés, méthodes de livraison, filtres avec divers critères, etc.).
  • Les inconvénients comprennent le fait qu'ils ne sont pas toujours gratuits, et en cas de questions sur le magasin, vous ne pouvez pas compter sur le support officiel, mais soyez patient pour trouver une réponse sur le forum de construction 🙂

Nous ne les considérerons pas dans cet article, mais nous leur consacrerons certainement du matériel, car. ils méritent certainement l'attention.

Etape préparatoire à la création d'une boutique en ligne sur OpenCart

Alors, passons directement à la création d'un site sur OpenCart. Je vous recommande de l'installer d'abord sur votre ordinateur. Et puis, si vous l'aimez, transférez le magasin déjà terminé vers l'hébergement.

Avant d'installer quelque chose, vous devez le télécharger.

OpenCart a un site Web de la représentation officielle en langue russe. De là, nous prendrons le programme d'installation du moteur - http://opencart.ws/download.html. Pour ce faire, téléchargez le dernier fichier disponible - avec la version 2.0.3.1 (redirige vers le site officiel en anglais).

Ici, vous avez le moteur lui-même. Que faire ensuite?

La prochaine étape dans la création d'une boutique en ligne sur CMS OpenCart sera son installation sur un serveur web local. Pour ceux qui ne savent pas ce que c'est, je vous recommande de lire l'article "".

Comme il est dit dedans, j'utilise personnellement le serveur web OpenServer, que je vous recommande. Après l'avoir installé, allez dans le dossier ..\OpenServer\domains (c'est le dossier où sont stockés les fichiers du site hébergés sur le serveur web).

Copiez-y l'archive avec le moteur et décompressez-la. En conséquence, vous devriez obtenir quelque chose comme ceci :


Vous devez maintenant créer le site lui-même sur OpenCart.

Pour cela, créez un dossier avec le nom de votre ressource. Dans mon cas, c'est "opencart2".

Ensuite, nous transférons les fichiers du moteur sur le site. Pour ce faire, allez dans le dossier ..\OpenServer\domains\opencart-2.0.3.1\opencart-2.0.3.1\upload et copiez tous les fichiers qui s'y trouvent. Si quelqu'un a oublié, la combinaison de touches Ctrl + A est utilisée pour cela.


Nous revenons au répertoire avec la liste des sites et collons les fichiers copiés dans le dossier de votre boutique.

Si vous avez tout fait correctement, vous devriez vous retrouver avec ce qui suit :


Amende! Au fait, n'oubliez pas de supprimer le dossier contenant les fichiers du moteur et l'archive afin de ne pas laisser de fichiers inutiles et de ne pas vous tromper à l'avenir.

La prochaine étape du développement du site sur OpenCart sera le lancement de l'installateur. Mais nous devons d'abord faire quelques étapes préliminaires. Vous auriez appris leur nécessité lors du processus d'installation grâce aux commentaires de l'assistant d'installation, mais nous n'attendrons pas cela et ferons tout tout de suite.

Tout d'abord, renommez le fichier config-dist.php en config.php. Faites de même avec le fichier dans le dossier "opencart2\admin". Ce sont les fichiers où, lors de l'installation du moteur, ses paramètres seront écrits, sans lesquels il ne fonctionnera pas. De plus, si vous laissez les fichiers sans nom, le moteur ne s'installera tout simplement pas et affichera un message sur l'impossibilité d'écrire les paramètres.

Dans un deuxième temps, nous devrons créer un fichier . Si vous ne savez pas ce que c'est et pourquoi il est nécessaire, je vous suggère de vous familiariser avec l'article du même nom. Pour ce faire, nous utiliserons le programme phpMyAdmin, qui est intégré à OpenServer. Vous pouvez l'exécuter comme ceci :


Lorsque vous cliquez sur cet élément de menu, un onglet avec autorisation dans ce programme s'ouvrira dans votre navigateur Internet :


Nous nous connectons à phpMyAdmin en entrant le nom d'utilisateur et le mot de passe de l'utilisateur que vous avez spécifié lors de l'installation d'OpenServer. Si vous avez entré les données avec succès, la fenêtre du programme apparaîtra devant vous :


La prochaine étape de la création d'une boutique en ligne sur OpenCart consiste à ajouter une base de données de site Web. Pour cela, cliquez sur l'onglet "Bases de données" dans la fenêtre principale.


Ici, vous devez entrer le nom de la base de données et cliquer sur "Créer". Dans mon cas, la base de données porte le même nom que mon site Web - "opencart2".

Puisque nous avons téléchargé la version anglaise officielle, afin de créer entièrement une boutique sur OpenCart, nous devrons également télécharger le crack. Il est disponible sur la page http://opencart.ws/download.html sous le lien "Langue russe pour Opencart 2.0.0.0 - 2.0.3.1". Ensuite, nous procédons selon le même schéma - copiez l'archive avec la localisation dans le dossier ..\OpenServer\domains et décompressez-la :


Ouvrez le dossier RussianOC2\upload et voyez qu'il y a des fichiers triés dans des répertoires qui répètent la structure du moteur :


Par conséquent, pour installer le crack, nous devons les copier et les coller dans le dossier avec le site, en écrasant les fichiers existants s'ils correspondent.

Mais, pour l'avenir, je m'empresse de vous décevoir que la langue d'interface russe ne peut être ajoutée qu'après l'installation. L'installation devra se faire en anglais. Mais il n'y a rien de mal à cela, d'autant plus que je vais vous montrer toutes les informations nécessaires à saisir et où les saisir 🙂

A cette étape préparatoire de la création d'une boutique en ligne sur OpenCart touche à sa fin. Ensuite, nous passons à l'installation du moteur lui-même.

Comment créer une boutique en ligne sur OpenCart : installation du moteur

Après avoir copié les fichiers du moteur dans le dossier du site, vous devez redémarrer le serveur Web lui-même afin qu'il accepte les modifications. Le redémarrage se produit dans le menu principal du serveur, qui s'ouvre lorsque vous cliquez sur l'icône du programme dans la ligne de lancement (sous la forme d'un drapeau).

Cliquez sur l'élément stylo "Redémarrer" sous la forme d'un drapeau jaune.

Après les étapes ci-dessus, ouvrez n'importe quel navigateur Internet (Chrome, Mozilla, Safari, etc.) et entrez le nom de votre boutique dans la barre d'adresse.

Si vous n'êtes pas arrivé à l'écran d'installation du moteur et que le navigateur a recherché le mot donné dans le moteur de recherche par défaut, une fenêtre devrait apparaître avec la question "Vouliez-vous dire passer à" Votre nom de site "?".

Cliquez sur "Oui" et si vous avez correctement effectué toutes les étapes précédentes, alors l'écran suivant apparaîtra devant vous :

Voici la première étape de l'installation du moteur, sans laquelle la création d'une boutique en ligne sur OpenCart de tout type est indispensable - un contrat de licence traditionnel. Que traditionnellement personne ne lit 🙂

Par conséquent, cliquez sur "Continuer" ("Continuer") et continuez.

Lors de la deuxième étape, le système est vérifié : dans quelle mesure il est prêt à créer une boutique en ligne sur OpenCart. En règle générale, il n'y a pas d'exigences pour le logiciel serveur. S'il y a un drapeau rouge quelque part, vous devez lire sur Internet comment mettre à jour la version du programme inapproprié sur OpenServer, ou simplement utiliser la dernière version du produit lors de l'installation du serveur Web lui-même. Il n'y aura alors aucun problème.

PS la version de mon OpenServer est loin d'être fraîche, mais elle répond aux exigences.

Dans le troisième bloc (qui pour une raison quelconque porte le numéro de série 4 sur l'écran d'installation 🙂), un avertissement serait apparu si nous n'avions pas renommé les fichiers config-dist.php.

Dans le dernier bloc (il ne correspondait pas à l'image pour moi), les droits d'accès aux différents répertoires du moteur sont affichés. Ici aussi, en règle générale, tout est en ordre. S'il existe des restrictions, elles dépendent des droits du dossier racine du site ou de ..\OpenServer\domains. Dans ce cas, vous devez leur ouvrir un accès public.

Si tout est en ordre, nous continuons à créer une boutique en ligne sur OpenCart en cliquant sur "Continuer".

Sur le troisième écran de l'installation du CMS, nous entrons des données pour accéder à la base de données (que nous avons pré-créée avec succès). Et les paramètres du compte administrateur du site : son identifiant et son mot de passe (sous lesquels vous serez connecté à la partie administrative), ainsi qu'un e-mail qui pourra être précisé sur le site pour les réclamations et le support client 🙂

Dans les paramètres de connexion à la base de données, saisissez les champs vides : le login et le mot de passe du compte dans phpMyAdmin et le nom de la base de données elle-même. Tous les autres champs peuvent rester inchangés.

Si tout s'est bien passé, devant vous vous verrez l'écran final de l'installation du moteur avec des boutons pour aller dans la partie administrative et la vitrine. Il existe également des liens vers certains modules de la boutique sur le portail officiel du moteur. Si des rectangles noirs apparaissent soudainement, comme dans mon illustration, ne vous inquiétez pas - ce n'est qu'un petit défaut chez les programmeurs. Les liens eux-mêmes fonctionnent.

D'après mon expérience, je dirais qu'il vaut mieux le faire tout de suite. Sinon, cet avertissement apparaîtra à chaque fois que vous voudrez entrer dans la partie administrative.

Pour supprimer le programme d'installation, accédez au dossier du site et supprimez le répertoire "install". Nous n'en aurons plus besoin.

Ceci termine la partie principale de la première étape de création d'une boutique en ligne sur OpenCart. En conséquence, vous pouvez vous rendre à la vitrine et vous assurer que le site fonctionne 🙂

Tout est bon! 🙂

Pour un petit bémol que tout est en anglais 🙂

Pour corriger cette situation, nous entrons dans la partie administrative et activons la russification, dont nous avons copié les fichiers sur le site au tout début.

Entrez le login et le mot de passe du compte administrateur que vous avez spécifié lors de l'installation du moteur. Cliquez sur "Connexion" ("Connexion").

Si toutes les données sont saisies correctement, vous verrez un joli panneau d'administration OpenCart, que j'aime personnellement beaucoup (sur les versions 1.5.x.x, avec lesquelles j'ai commencé à travailler, le panneau d'administration était plus modeste).

Ainsi, le prochain objectif lors de la création d'une boutique en ligne sur OpenCart est d'ajouter la langue d'interface russe. Pour ce faire, sélectionnez l'élément de menu latéral sous la forme d'un engrenage :

Dans le menu qui s'ouvre, sélectionnez l'élément "Localisation" ("Localisation"). Et dans le sous-menu qui s'ouvre, sélectionnez "Langues" ("Langues").

Sur l'écran qui s'ouvre, cliquez sur le bouton dans le coin supérieur droit sous la forme d'un signe plus sur fond bleu pour ajouter une nouvelle langue. Après avoir cliqué, un écran avec ses paramètres s'ouvrira :

Saisissez ici les informations suivantes :

  • Nom de la langue : anglais
  • Code ("Code langue") : fr
  • Paramètres régionaux ("Localisation") : ru_RU.UTF-8, ru_RU, russe
  • Image ("Image") : fr.png
  • Répertoire ("Dossier") : anglais

Les autres champs restent inchangés. Nous appuyons sur le bouton dans le coin supérieur droit sous la forme d'une disquette sur fond bleu pour enregistrer la langue. Après les actions effectuées, la liste des langues prendra la forme :

La prochaine étape sur la voie de la création d'une boutique en ligne sur OpenCart consiste à activer la langue sur le site. Pour ce faire, dans le menu latéral du panneau d'administration, sélectionnez à nouveau l'engrenage et cliquez sur l'élément "Paramètres".

Sur l'écran qui apparaît avec une liste de sites (OpenCart vous permet de créer plusieurs magasins basés sur le moteur et de les gérer à partir d'un panneau d'administration), ouvrez les paramètres de notre site.

Cela se fait en cliquant sur un bouton en forme de crayon sur fond bleu, situé sur la même ligne que l'adresse de votre site et l'inscription "Votre Boutique" ("Votre Boutique").

Sur l'écran des paramètres qui s'ouvre, sélectionnez l'onglet "Local" :

Ici, nous sélectionnons le pays et la région où se trouve le magasin (cela sera pris en compte lors du calcul du coût de la livraison), la langue de la vitrine et la partie administrative.

Les devises sont également disponibles (à l'avenir, il sera possible de modifier cette liste sans aucun problème) et les unités de mesure (utilisées lors de la spécification des attributs du produit).

Après avoir entré les valeurs, n'oubliez pas non plus d'enregistrer les modifications en appuyant sur le bouton avec la disquette.

Et nous avons ici le panneau d'administration russifié du magasin ! 🙂 Vérification de la vitrine (côté client):

Et là c'est un peu pas très 🙂 Mais par contre, un menu déroulant est apparu tout en haut à gauche avec un choix de langues, qui n'était pas là par défaut. Choisissez la langue russe.

Mais avec la russification, la langue n'a changé que sur les commandes. Les noms des catégories, des produits et leurs descriptions sont restés dans leur anglais natal (j'ai spécialement apporté l'écran du panier, où il y a un grand nombre de commandes, et vous avez été convaincu du travail de nos changements).

Mais ici aussi, il n'y a rien à craindre, car. lors de la création d'une boutique en ligne sur OpenCart, vous modifierez toujours les catégories, produits et descriptions par défaut (définis par défaut) pour les vôtres, que vous échangerez.

À ce stade, la première étape de la création d'un site sur OpenCart - l'installation du moteur sur l'ordinateur prend fin. Nous attendons l'installation de modèles graphiques, de modules et le remplissage du magasin avec des marchandises.

Je dirai également quelques mots sur le transfert d'une boutique toute faite vers un hébergement.

Permettez-moi de vous rappeler que nous avons déployé la boutique sur un serveur Web local.

Lors de l'installation immédiate du moteur sur un serveur distant, la procédure est exactement la même : copiez le programme d'installation sur le serveur, créez un dossier de projet, copiez les fichiers et démarrez le processus d'installation. Dans ce cas, l'étape de transfert du magasin vers l'hébergement sera bien sûr sautée 🙂

Ceci est un article d'introduction décrivant créer une boutique en ligne sur OpenCart, arrive à sa conclusion logique 🙂 ​​Devant vous se trouve une description détaillée des prochaines étapes du déploiement du magasin, et je parlerai également plus en détail des builds OpenCart, qui, comme déjà mentionné, présentent un certain nombre d'avantages par rapport à un "propre " produit.

Abonnez-vous aux mises à jour pour être au courant de la sortie de nouveaux articles, partagez la publication sur les réseaux sociaux avec vos amis, impliquez-les dans la discussion.

J'attends également avec impatience vos commentaires et suggestions dans les commentaires.

Si quelque chose n'a pas fonctionné pour quelqu'un ou si vous avez des questions sur l'installation d'OpenCart, n'hésitez pas à demander ! Je serai heureux d'aider et de répondre à tout le monde!

Bonne chance à tous! 🙂

PS: si vous avez besoin d'un site Web ou avez besoin d'apporter des modifications à un site existant, mais que vous n'avez ni le temps ni l'envie de le faire, je peux vous proposer mes services.



Vous avez aimé l'article ? Partagez-le