Mehyou
مباشرمتجر Shopify مخصص بعمق لعلامة صيدلانية في لبنان، يتجاوز بكثير قالب Dawn الجاهز. سُلّم أكثر من 15 قسم Liquid مخصصاً وأكثر من 10 مقتطفات مخصصة و5 وحدات JavaScript مستقلة تغطي: نظام قائمة تنقل ضخمة كاملاً بتبويبات ولافتات ترويجية وبطاقات منتجات؛ ومحرك حزم منتجات يعتمد على الحقول الوصفية؛ وقائمة مفضلة دائمة؛ وتصفية وترقيم صفحات المجموعات عبر Ajax؛ ومؤقتات عدّ تنازلي للعروض الخاطفة؛ ومدير حالة سلة عبر الصفحات؛ ونوافذ الإثبات الاجتماعي؛ وبحثاً تنبؤياً مباشراً؛ وصفحة مقارنة المنتجات.
ShopifyLiquidJavaScriptCSS
- المشكلة
- احتاج العميل إلى متجر يطابق هويته ويدعم سلوكيات تجارة إلكترونية معقدة، منها الحزم والمفضلة والتصفية والعروض الخاطفة، مع بقائه سهل الإدارة لفريقه الداخلي بعد الإطلاق. لم يكن بإمكان قالب Shopify عادي الاقتراب من مجموعة الميزات المطلوبة.
- الحل
- بنيتُ قالباً مخصصاً بعمق على أساس Dawn يضم قائمة تنقل ضخمة مخصصة (تبويبات ولافتات ترويجية وبطاقات منتجات وشعارات علامات)، ومحدد حزم يعتمد على الحقول الوصفية بوحدة JS خاصة، ونظام مفضلة كاملاً مع حفظ عبر الكوكيز، وتصفية مجموعات وترقيم صفحات عبر Ajax دون إعادة تحميل، وأقسام عروض خاطفة تعتمد على حقل وصفي مخصص dtx.deal-time، ومدير حالة سلة للمزامنة بين الصفحات، ونوافذ إثبات اجتماعي. وأضفتُ قوالب مخصصة للعلامات والمفضلة ومقارنة المنتجات والأسئلة الشائعة وصفحات الخدمات.
- التحديات
- تطلّب نظام الحزم المعتمد على الحقول الوصفية تنسيق عرض Liquid مع وحدة JS مخصصة (dT_bundle.js) تقرأ مجموعات الحزم وتحدّث السلة ديناميكياً. وكان القيد الأبرز المستمر الحفاظ على أداء متين رغم حجم JS كبير يشمل jQuery وAxios وSwiper ووحدات مخصصة عدة، دون إدخال مشكلات حجب العرض.
- النتيجة
- منصة تجارة إلكترونية متكاملة فوق Shopify، أُطلقت في موعدها. يستطيع فريق العميل إدارة المحتوى باستقلالية عبر محرر Shopify، بينما تواصل الميزات المخصصة، ومنها الحزم والتصفية والعروض الخاطفة والمفضلة، العمل دون تدخل مطوّر.