Drupal Commerce 2: Set up a Product Variation Type with Custom Fields | Acro Commerce
Mike Hubbard

Author

Mike Hubbard

, Front End Lead, Developer

Posted in Digital Commerce, Drupal

February 1, 2018

Drupal Commerce 2: Set up a product variation type with custom fields

In part one and two of this Acro Commerce Tech Talk video series, we covered how you set up a new product attribute and used rendered fields, in Drupal Commerce 2. A product attribute is used to define options that customers would select when buying a product, such as colour. Rendered fields let the customer see the actual colour instead of just seeing the colour name.

The overall product in Drupal Commerce 2 consists of a product type, a product variation type, and product attributes. The product type defines the type of product that you're creating (i.e. hat). The product variation type is contained within the product type and defines the individual variations of the product, based on attributes (i.e. large blue hat). In part three of this series, we'll move away from attributes and show you how you can configure your product variations type. A product variation type will always have a title, SKU and price, but we'll take it a step further and add in some custom fields.

This entire video series, when complete, will show you how to set up a new product in Drupal Commerce 2, from start to finish. The video is captured using our Urban Hipster Commerce 2 demo site.

View part 4: Set up a Product Type with Custom Fields

It's important to note that this video was recorded before the official 2.0 release of Drupal Commerce and so you may see a few small differences between this video and the official release now available.

Urban Hipster Commerce 2 Demo site

This video was created using the Urban Hipster Commerce 2 demo site. We've built this site to show the adaptability of the Drupal 8, Commerce 2 platform. Most of what you see is out-of-the-box functionality combined with expert configuration and theming.

More from Acro Commerce
Drupal modules used in this video