Shabana Navas
Author Shabana Navas
Software Developer
Posted in Software Development , Drupal
August 29, 2017
Back to blog

Commerce Images: An Image Management Module for Drupal Commerce

At Acro Media, we’re very attentive to the needs of our clients. We’re constantly looking for newer and better ways of helping them do “Drupally” things. So when our client came to us with a request to make the process of adding images to product variations less painful, we listened.

This client had a huge catalog of products, each of which had quite a few variations When their employees went to add products to the catalog, they would have to upload an image for each variation of that product, even if it was the same exact image as the previous product variation. Let’s say they had a helmet in three sizes and three colors. They would have to upload and save nine images. And if they had two different angles of the same product, that means they would need to upload these images 18 different times!

We agreed this process was worthy of streamlining. Our developers and designers got together and came up with a solution that would make things easier.

Commerce Images is an image management tool for Drupal Commerce that allows us to quickly upload and set images for products and their variations. It also greatly reduces the need to store unnecessary duplicate images.

Once you install Commerce Images and set which product displays this module should be enabled for, you get a “Product Images” tab for each display bundle. So when you’ve finished adding all the product variations and their details, you can click on the “Product Images” tab to get a new interface for uploading images (shown below).

Image Manager Module - Adding images

You get a list of the SKUs of the product variations that you’ve set up, with checkboxes next to them. In our case, we’ve got a helmet in three colors and three sizes. We’ll upload the image for the yellow colored helmet and use the checkboxes to select which SKUs this image should represent. Since the yellow helmet comes in three sizes, we’ll select those three SKUs, enter an alt text title, and save the new image. We have two more images for the two other colors of helmets, so we’ll do the same for those as well. And that’s it!

Image manager module - selecting skus the image represents

You can use this tab to easily upload and select the images the SKUs represent without having to manually upload and store the same image more than once.

Removing SKUs from images is just as easy. Just uncheck the SKUs that you don’t want an image to represent and click the “Save Changes” button. You can also take an image off the site using the “Remove” button.


Now, going back to our example, if you do the math, you can see that we’d just need to upload the three images that we have and select all the SKUs those images should represent. So, instead of uploading nine times (3x3) and storing the images in nine different places (six of which are duplicates), we’ve reduced it to just three unique images stored. That’s a 67 percent reduction in space, storage, and time!

Finding simple solutions to complicated problems is something we really enjoy. What kind of pain points do you have with your ecommerce solution? Tell us! Maybe we can help.

Drupal Commerce Performance: Locking

Many people have been bugging me to write about Drupal Commerce performance, because when you Google “Drupal Commerce Performance” you pretty much ...
Keep Reading »

Commerce SOS: An Order Management System for Drupal Commerce 1.x

The Commerce Simple Order System (SOS) is a system that lets you place and manage orders through a simple UI. Drupal Commerce is powerful, flexible, ...
Keep Reading »

The Consequence of an Incorrect Commerce Architecture

Many ecommerce businesses are feeling the effects of an incorrect commerce architecture and they don’t even know it. It’s all business-as-usual until ...
Keep Reading »

Fields marked with * are required.