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 technical demonstration of 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