Mehyou
LiveA heavily customized Shopify storefront for a pharmacy brand in Lebanon, well beyond off-the-shelf Dawn. Delivered 15+ custom Liquid sections, 10+ custom snippets, and 5 dedicated JavaScript modules covering: a full mega menu system with tabs, promotional banners, and product cards; a metafield-driven product bundle engine; a persistent wishlist; Ajax-powered collection filtering and pagination; flash deal countdown timers; a cross-page cart state manager; social proof popups; live predictive search; and a product comparison page.
ShopifyLiquidJavaScriptCSS
- Problem
- The client needed a storefront that matched their brand identity and supported complex e-commerce behaviour, including bundles, wishlists, filtering, and flash deals, while remaining manageable for their internal team post-launch. A standard Shopify theme couldn't come close to the feature set required.
- Solution
- Built a deeply customised Dawn-based theme with a custom mega menu (tabs, promo banners, product cards, brand logos), a metafield-driven bundle selector with its own JS module, a full wishlist system with persistence via cookie, Ajax collection filtering and pagination with no page reloads, flash deal sections driven by a custom dtx.deal-time metafield, a cart state manager for cross-page sync, and social proof popups. Added dedicated templates for brands, wishlist, product comparison, FAQ, and service pages.
- Challenges
- The metafield-driven bundle system required coordinating Liquid rendering with a custom JS module (dT_bundle.js) that reads bundle sets and updates the cart dynamically. Keeping performance solid under a significant JS footprint, including jQuery, Axios, Swiper, and multiple custom modules, without introducing render-blocking issues was the main ongoing constraint.
- Outcome
- A full-featured e-commerce platform on top of Shopify, launched on schedule. The client's team can manage content independently through Shopify's editor while the custom features, including bundles, filtering, flash deals, and wishlist, continue to work without developer intervention.