Joshua Grams Work Process Hire Email
Case study · E-commerce · Shopify theme · 2026

Levels Smoke Shop: a custom Shopify theme for a 284-product catalog.

A West Palm Beach glass-art and accessories retailer was running a stock theme with no visual identity. I designed and built a production Shopify Online Store 2.0 theme that drops onto the live store, renders the full catalog automatically, and gives the owner a storefront that looks like the shop feels.

Role
Designer and theme developer
Scope
Brand direction, UX, Liquid theme, cart, compliance gate, mobile
Stack
Shopify OS 2.0 · Liquid · JSON templates · AJAX Cart API · vanilla JS
Deliverable
Installable theme zip, Theme Check clean, plus a browsable demo
Levels Smoke Shop storefront
Storefront home. Live demo below.
01 · Brief

Make the store look like the shop.

The physical store is a curated gallery: collectible glass, premium hardware, a staff that knows the makers. The website was a default theme with a logo dropped in. The owner's ask was simple: bring it up to the standard of the other sites I'd built, and do it without creating a maintenance burden for someone who is not a developer.

That second half set the constraints. Everything the owner might want to change had to live in the Theme Customizer, not in code. The catalog had to render from the store's existing collections without a re-tagging project. And the theme had to be a clean upload, not a fork someone has to babysit.

02 · Design decisions

Premium without being cold.

Big product, small chrome

Large rounded product cards, generous whitespace, and a glass-pill navigation so the glass itself is the loudest thing on the page.

Spec table above the fold

Buyers of collectible glass compare joint size, material, and maker. The product page puts category, SKU, availability, and shipping in a scannable table next to the price.

Compliance as a first impression

The 21+ gate is unavoidable for this category, so it was designed as a branded welcome rather than a legal speed bump. One tap, remembered on the device.

Cart that doesn't leave the page

Slide-out AJAX cart drawer with quantity controls and a direct path to checkout. Adding a second item never costs a page load.

Levels product page with spec table and add to cart
Product page: price, rating, spec table, quantity, add-to-cart and trust row visible without scrolling at desktop width.
03 · Theme architecture

Built the way Shopify wants themes built.

Levels collection page with category filtering
Collection page with category filtering and sort.
04 · What I'd measure next

The theme is the start of the conversion work, not the end of it.

With the storefront in place, the next pass is instrumented: add-to-cart rate by collection, drawer-to-checkout rate, and mobile versus desktop conversion. The product page is designed to be iterated on section by section, which is the point of building it in sections.

ShopifyLiquidOS 2.0 themeAJAX Cart APITheme CheckResponsive