Urban Hipster: Updates & What's New

The Urban Hipster (UH) Drupal 8 Commerce 2 demo site has been gaining a lot of traction lately due to some fanfare and sweet promo videos. An increasing number of people are trying it out and viewing the code (which is publicly available on GitHub). It was time for a bit of a content overhaul. Here's what's changed.

Public domain images

All of the imagery and icons used in the site are now created by Acro Commerce or taken from Unsplash.com. If you're not aware of Unsplash, they provide high quality images that are freely available to use in any way, shape or form. It's a pretty awesome service and supports the open-source philosophy we share in the Drupal community.

Product page galleries

The biggest feature we added in this release has to do with the product pages. Products can now display a gallery of images on the product page instead of just showing the current variation. I won't get into the details here, but you can watch the video for more information. Here's an example.

More "full" product examples

The UH demo was originally intended to be a sales tool for our staff. Because of this, we added a bunch of products, but only a handful were fully filled out with attributes, sample reviews, related products, etc. The rest were just placeholders to fill out the store. Now that more people are looking at it, we felt we needed more (if not all) of the products to be more robust so that it didn't matter which product you happen to look at. This was something we did in this content overhaul. Almost every product now includes multiple images, related products, variation options, etc. Here's an example.

Configuration cleanup

Since we were adding all new content anyway, it was a good opportunity to clean up some of the attributes, product types and product variation types that weren't really needed or not well represented. A lot of people are looking to this demo for examples of configuration, so it's important that we try to keep it as clean as possible.

And that's about it! Enjoy the video and the site updates.

Related links

• Urban Hipster demo site – An example of a somewhat out-of-the-box Commerce experience that has been configured and themed. This is the version of the site that we publicly share on GitHub.
• Urban Hipster Plus demo site – Same as the first but with additional "enhanced" features to show what Commerce 2 is capable of with additional developer support.
• GitHub project repo – View the code and try it for yourself. See the README.md to get started.
• High Five: Introducing the Urban Hipster Demo for Drupal Commerce 2