This website uses cookies

Our website, platform and/or any sub domains use cookies to understand how you use our services, and to improve both your experience and our marketing relevance.

Peak Performance.

Limitless Scalability.

  • 0

    Days

  • 0

    Hours

  • 0

    Mins

  • 0

    Sec

Off For 4 months
+40 free Migrations

Secure Any CMS With Ease with Our Malware Protection Add-On! LEARN MORE→

How To Build An Ecommerce Website With Drupal 7

Updated on March 28, 2018

4 Min Read

When you go shopping, you usually use a cart to carry all your shopped items and pay for them at checkout. Online shopping isn’t much different either, except that everything is happening virtually and you are keeping all your items in a digital shopping cart. Since cart is such an essential part of an ecommerce shopping spree, this article will show you how to  build a Drupal 7 ecommerce website by utilizing Commerce kickstart module.

eCommerce with Drupal 7

Commerce Kickstart comes with the most recent version of Drupal Core and is the best way to approach Drupal ecommerce. It gives you an option to create a full-featured demo store to test on with complete themes and configurations right out of the box. Several new features also make Commerce Kickstart easier to understand and simpler to launch and control.

So if you want to skip several days of configuring online store to your specification, Drupal 7 ecommerce is the way to go. Here are the steps involved:

Download Commerce Kickstart

First you would need to download Commerce Kickstart.

Once you have downloaded the latest version of Commerce Kickstart from the link provided above, you need to install the module on your system. You will see the following screen after installation is complete:

Downloading Commerce Kickstart

Creating Products

You need to create products before you can add them to your cart. To do that, click on Add Product  >  Create Product.

Create Product Drupal

Now you can create products as shown in the image below:

Add product drupal

The screenshot above shows the following fields:

  • Product SKU: This specifies the unique identifier for your product.
  • Title: As the name suggests, this is the title of your product.
  • Image: You can upload an image of the product here as well as an alternative text that is displayed if the image fails to load in search engines.
  • Price: Set your item’s price here. Self-explanatory, isn’t it?
  • Status: This field shows whether your product is Active or Disabled. If it’s Active, it can be added to the cart, and if it’s Disabled, the product is unavailable to add in the cart.
  • Change History: This field shows the history of changes made to the product.

Once you are done filling these fields, click the Save Product button.

Now, you’ll be able to view your product in the list.

Save Product Drupal

Creating Product Display

To display your product in the cart, click on Add product display.

Add product display Drupal

Add the Title of the product, write the summary in the Body and add product SKU in the Product field. Once done, click on the Save button.

You can now see the product displayed on the home page as shown in the screenshot below.

product displayed drupal

Testing

To test your product, click the Add to cart button to add the created product in the cart.

step_6_alpha

If you have followed the procedure properly, the product will be added to the cart successfully and a message will pop-up on top. You can view the product name along with its price in the Shopping cart block.

Next, click on the View cart link to see the added product in the shopping cart.

Shopping cart drupal

You should be able to see the shopping cart table along with the products as shown in the image below.

shopping cart drupal

Conclusion

E-Commerce with Drupal 7 should be easier to handle now that you know how to build a Drupal 7 ecommerce website. This guide covers the essentials for anyone who wants to avoid spending too much time on technicalities and explains the general settings in Drupal’s shopping cart, so you can get started right away! If you’re searching for the best Drupal hosting for your ecommerce site, Cloudways provides an excellent solution, allowing you to deploy your website within minutes and get started with ease.

Share your opinion in the comment section. COMMENT NOW

Share This Article

Shahzeb Ahmed

Shahzeb is a Digital Marketer with a Software Engineering background, works as a Community Manager — PHP Community at Cloudways. He is growth ambitious and aims to learn & share information about PHP & Laravel Development through practice and experimentation. He loves to travel and explore new ideas whenever he finds time. Get in touch with him at [email protected]

×

Webinar: How to Get 100% Scores on Core Web Vitals

Join Joe Williams & Aleksandar Savkovic on 29th of March, 2021.

Do you like what you read?

Get the Latest Updates

Share Your Feedback

Please insert Content

Thank you for your feedback!

Do you like what you read?

Get the Latest Updates

Share Your Feedback

Please insert Content

Thank you for your feedback!

Want to Experience the Cloudways Platform in Its Full Glory?

Take a FREE guided tour of Cloudways and see for yourself how easily you can manage your server & apps on the leading cloud-hosting platform.

Start my tour

Peak Performance.

Limitless Scalability.

  • 0

    Days

  • 0

    Hours

  • 0

    Mins

  • 0

    Sec

Off For 4 months
+40 free Migrations

Claim Now