UH+ Axe: A technical walkthrough of an enhanced commerce product page

If you're familiar with the Urban Hipster Drupal Commerce demo site, you may have come across the UH+ Axe product page and wondered how it was built. Well, today I'll give you a bit of a technical demonstration on how it was created, what modules were used, and some of the custom work that went into it.

The Urban Hipster Drupal Commerce 2 demo site showcases what the Commerce 2 module can do basically out-of-the-box, with added theming and configuration. The product pages within the demo are set up in a way that rivals any other ecommerce platform, and this suits most ecommerce store owners who want to show a whole bunch of different products in a familiar way.

However, there are cases where you might want a fully-custom product page that is an experience all in itself. Apple is a good example of this. Viewing an iPhone on the Apple website isn't just a cookie-cutter product page, it's full of content and rich graphical elements. The page itself is a powerful marketing piece.

The Apple website wasn't built on Drupal, but the Drupal platform's flexibility allows us to do much more than just the standard. The UH+ Axe "builder" type of product page was created to show just that, how you can push the boundaries with your Drupal Commerce product pages.

Related Links

• High Five: Digital Products and Recurring Subscriptions in Drupal Commerce 2
• High Five: Introducing the Urban Hipster Demo for Drupal Commerce 2
• Drupal Commerce: A Technical Overview