Créer un site e-commerce performant avec Drupal 10 : une solution puissante et personnalisable

Avec l'explosion du commerce en ligne, la création d'une plateforme e-commerce robuste, flexible et adaptée aux besoins spécifiques de chaque entreprise est devenue un enjeu majeur. Drupal 10, la dernière version du célèbre CMS open source, se positionne comme une solution de choix pour répondre à ces exigences. Dans cet article, nous vous guidons pas à pas pour construire un site e-commerce complet (gestion des livraisons, des paiements, des avis clients, des listes de souhaits, etc.) en seulement quelques heures.

Pourquoi choisir Drupal 10 pour votre site e-commerce ?

Drupal 10 repose sur une architecture modulaire, permettant d'ajouter des fonctionnalités via l'installation et la configuration de modules dédiés. Cette approche offre une grande flexibilité et convient particulièrement aux développeurs expérimentés, qui peuvent tirer parti de leur expertise pour sélectionner les modules les plus adaptés à chaque besoin. Cependant, cette modularité peut également entraîner un temps de développement plus long, notamment pour les projets complexes.

Pour pallier cette problématique, nous avons développé un Quick Start "E-commerce Sale of Bags". Cette solution clé en main permet une installation rapide et complète d'un site e-commerce fonctionnel, en simplifiant le processus de configuration et en réduisant considérablement le temps de déploiement.

Afin de vous accompagner dans la mise en place de votre plateforme, nous avons structuré ce guide en 3 étapes essentielles :

Préparation de l'environnement
Installation de Drupal 10
Présentation de quelques fonctionnalités de l'e-commerce

Préparation de l'environnement

Pour garantir une installation et un fonctionnement optimal de votre site e-commerce sous Drupal 10, il est essentiel de configurer un environnement adapté. Voici les recommandations techniques pour préparer votre infrastructure :

PHP : Version 8.2 ou supérieure.
MariaDB : Version 10.10.0 ou supérieure.
Node.js : Version v19.0.0 ou supérieure (optionnelle).
NPM : Version 8.19.2 ou supérieure (optionnelle).

Pour plus de détails sur les exigences techniques, nous vous invitons à consulter la documentation officielle "System Requirements" de Drupal.

Pourquoi Node.js et NPM sont-ils optionnels ?
Les paquets Node.js et NPM sont nécessaires uniquement si vous souhaitez utiliser notre approche avancée de gestion des styles. Cette méthode vous permet de :

Mettre à jour et personnaliser les styles de votre site de manière dynamique.
Gérer facilement les couleurs et les espaces pour respecter votre charte graphique.
Ajoutez de nouveaux modèles de pages et de sections tout en maintenant une cohérence visuelle.

En intégrant cette approche, vous bénéficiez d'une flexibilité accrue pour adapter votre site à vos besoins spécifiques, tout en optimisant l'expérience utilisateur.

Assurez-vous que votre environnement est correctement configuré avant de passer à l'étape suivante. Cela vous permettra de tirer pleinement partie des fonctionnalités puissantes de Drupal 10 et de notre solution e-commerce.

Installation de Drupal 10

Créer un dossier 'shoppings' et accéder à ce dossier.

cd /siteweb/shoppings

Initialiser le projet avec composer:

composer create-project habeuk/habeuk_project_commerce:^10.0.8 public --no-interaction

Télécharger les fichiers avec composer

cd public && composer install

Ensuite lancer l'installation via le terminer

drush si

Renseigner les informations demandées tels que le nom de la base de données, nom d'utilisateur...

Voila, votre site e-commerce est prêt.

Présentation de quelques fonctionnalités de l'e-commerce

Notre site e-commerce contient de nombreux fonctionnalités donc les plus pertinentes sont :

Un design soigné et responsive : Design responsive adapté aux appareils mobiles, tablettes et ordinateurs.
Une présenté soigné des produits : Une galerie d'images HD et video permettant de mettre en avant les produits.
Filtres et recherche avancée : Une recherche permettant de retrouver un produit en fonction de ses caractéristiques.
Processus d'ajout au panier optimiser :
Checkout optimisé : Étapes simplifiées (identification, livraison, paiement) avec option guest checkout (sans création de compte).
Checkout optimisé : Vérification des informations avant paiement