Shopify Conditional Variant Logic

The client runs a Shopify e-commerce store selling vehicle wash products. Their product pages had 5 variants (32 oz, 1 Gallon, 5 Gallon, Patriot Powder, 55 Gallon Drum), but the 55 Gallon Drum needed different purchase behavior: instead of Add to Cart, it should redirect customers to a Contact for Pricing page.

The problem: All 5 variants shared the same Add to Cart flow, meaning bulk buyers were placing orders for a product that required custom pricing and logistics coordination.

The solution: I wrote a conditional variant switch in Liquid and JavaScript that detects when the 55 Gallon Drum variant is selected and swaps the Add to Cart button with a "Contact for pricing" CTA. The logic is scoped entirely to that one variant, so the other 4 variants behave exactly as before. No theme-breaking changes, no plugin dependencies.

Delivered in under an hour.

Client feedback: "Extremely well to work with. Fixed the issues without haste. Exceeded my expectations!"