For this development environment, DDEV (a Docker wrapper that simplifies things) was used and configured. guide
- In a basic Drupal 10 installation, we installed Drupal commerce using the command
ddev composer require 'drupal/commerce:^2.37'
. - Enabled all the relevant commerce sub-modules. official commerce docs
-
Created 3 new product types, and a few new product variations for each of them, with some basic configuration. admin page
-
An image field
field_product_image
was added for all product types with a pre-configured default image. admin page
- A new view was added admin page. A block was created.
- The view displays products with some basic fields added to the relevant section (e.g. title, image, cart button).
- The block was placed in the
content
region, to show a preview of our shop in the front page. admin page
-
Drupal commerce comes packed with a variety of different sub-modules out of the box. These modules provide default pre configured "components" like, Order types, payment gateways and more.
-
For this ==basic== e-commerce presentation, the default shop configuration was used.
- The user is presented with a basic home page that displays a preview of our products.
- The user can create an account, add products to the cart and visit the cart page to continue with checking out.
- Upon checking out, a new user order & credential registration occurs and can be observed here
- Drupal commerce also has a very informative build-in analytics section here
Creating this e-commerce shop, was very challenging and also learning about Drupal was not easy. Thankfully Drupal.org and Drupal commerce docswhere both very helpful resources of information.