Skip to main content

Product Pages

Everything on a DabDash product page — cannabis strain data, THC/CBD info, size picker, mix & match deals, and out-of-stock restock alerts.

Product detail page for Blue Dream showing images, description, THC and CBD percentages, effects, flavors, strain ratio bar, and a size picker with prices
A product page — everything about the product in one place.

Overview

This is the page for a single product. It has everything a customer needs to decide whether to buy — the description, cannabis data, images, available sizes, and the add-to-cart button.

Each product page also shows related information like mix and match deals, stock status, and strain details.

Product Info

The top of the page shows the product name, images, and a full description. Below that is the cannabis data — THC and CBD percentages, effects (like Relaxed, Euphoric, Creative), flavors, and the indica/sativa ratio bar.

Product info section showing strain type ratio bar, THC percentage, CBD percentage, effects tags, and flavor tags
Strain details — the ratio bar, THC/CBD percentages, effects, and flavors.

Further down is the size and variation picker. Products can have multiple sizes (1g, 3.5g, 7g, etc.) with different prices. Picking a size updates the displayed price.

Adding to Cart

Pick a size from the options, adjust the quantity if needed, then click Add to Cart. The cart icon in the header updates with the new item count right away.

If no size is picked, the first available option is selected by default. The button is disabled while the item is being added so it cannot be clicked twice by accident.

Mix & Match Deals

Some products are part of a bundle deal set up by the store. When a product qualifies for a mix and match promotion, a banner shows up at the top of the page explaining the deal.

Product page with a mix and match banner at the top showing the deal name and a progress bar tracking how many qualifying items are in the cart
A mix and match deal — the progress bar fills up as qualifying items are added to the cart.

A progress bar fills as qualifying items are added to the cart. Once the required number of items is reached, the discount kicks in automatically. No coupon code needed.

Out of Stock

When a product has no stock left, the Add to Cart button is replaced with a Notify Me button.

Product page showing an out-of-stock notice with a Notify Me button instead of Add to Cart
Out of stock — the Notify Me button replaces Add to Cart.

Clicking Notify Me joins a waitlist for that product. When stock comes back, an email goes out to everyone on the list letting them know the product is available again.

The product page still shows all the details — description, strain data, images — even when out of stock. Only the purchase button changes.