ابنِ واجهة متجر عربية وإنجليزية تعطي منتجاتك مساحة واضحة للعرض، وترافق الزائر من تصفح الأقسام إلى تفاصيل المنتج والسلة. يجمع حنين كوميرس صفحات التسوق والحسابات والمحتوى في تصميم متناسق قابل للتخصيص لهوية مشروعك.
يناسب هذا القالب المطورين والوكالات التي تنفذ متاجر لعلامات تجارية أو عملاء، وأصحاب المشاريع الذين يعملون مع مطوّر لربط واجهة مخصصة بنظامهم. ويمكن اختيار الصفحات اللازمة من المكتبة بدل نشر كل الصفحات التجريبية. واجهات البائعين مفيدة لعرض مفهوم سوق متعدد البائعين، لكنها لا تتضمن إدارة بائعين فعلية.
من عرض المنتجات إلى السلة: دليل تخصيص متجر ثنائي اللغة
ابدأ من الصفحة الرئيسية، ثم افتح شبكة المنتجات لتراجع بطاقات العرض والأسعار. جرّب البحث عن منتج، وأضفه إلى السلة، ثم بدّل اللغة لمراجعة الواجهة المقابلة. هذه الرحلة تساعدك على تقييم تنظيم المتجر قبل تخصيصه، بدل الحكم على صورة الغلاف وحدها. صفحات الدفع والطلبات تعرض الشكل المتوقع للرحلة؛ تنفيذ الطلب الحقيقي يحتاج خادم تطبيقك.
مكتبة صفحات تختار منها ما يخدم المشروع
- 93 صفحة محتوى لكل لغة، مع فهرس صفحات واختيار اللغة.
- 12 نموذجًا للصفحات الرئيسية لمجالات مثل الأزياء والإلكترونيات والأثاث والمنتجات الرقمية.
- صفحات عرض المنتجات والأقسام والبحث والمقارنة والعروض والبائعين.
- نماذج للسلة وإتمام الطلب والتتبع والفواتير والحساب وخدمة العملاء.
- سلة تجريبية مترابطة، وبحث بالعربية والإنجليزية، وتصفية وفرز للمنتجات.
- الوضع الفاتح والداكن، ورسومات SVG للمنتجات، وتخطي مباشر إلى المحتوى.
وجود صفحات كثيرة لا يعني إضافتها كلها إلى موقعك. ابدأ بالرحلة الأساسية وحدّد الصفحات التي يحتاجها جمهورك، ثم خصص النصوص والأقسام والحالات الفارغة بما يناسب المحتوى الحقيقي. فهرس الصفحات في القالب يساعدك على الاختيار قبل البدء في الربط.
سير عمل Tailwind والتخصيص
اختر إصدار Tailwind إذا كنت تفضّل تخصيص الواجهة عبر أدوات CSS وسير عمل بناء واضح. تتضمن الحزمة CSS مجمّعًا للتشغيل المباشر، ومصدر Tailwind مع ملف قفل للإصدارات. تغييرات أدوات Tailwind تحتاج Node.js وإعادة تجميع CSS، ثم يعيد Python 3 توليد الصفحات.
عدّل الترويسة أو التذييل من المكونات المشتركة لتنعكس تغييراتك في الصفحات عند إعادة البناء. احتفظ بتعديلاتك في 02-Source؛ تعديل 01-HTML وحده سيُستبدل عند البناء التالي. جرّب أولًا تغيير اسم العلامة ولونها ونص صفحة واحدة، ثم وسّع التخصيص تدريجيًا.
العربية والإنجليزية وتجربة الهاتف
تتضمن الحزمة مجلدًا للعربية باتجاه RTL وآخر للإنجليزية باتجاه LTR، ويحافظ رابط اللغة على الصفحة المقابلة. راجع بعد التخصيص العناوين الطويلة والأرقام وحقول الإدخال في اللغتين. جرّب كذلك الوضع الداكن، ولا تكتفِ بمعاينة صفحة واحدة على شاشة كبيرة.
خطوات عملية للبدء
- فك ملف ZIP واقرأ README والترخيص المرفق.
- افتح المعاينة المحلية واختر اللغة، ثم تصفح كل الصفحات.
- اختر الصفحات المناسبة وعدّل المصدر والهوية والنصوص والبيانات التجريبية.
- أعد البناء واختبر الروابط والنماذج والهاتف واللغتين.
- اربط وظائف مشروعك بالخادم واختبرها قبل إطلاق الموقع الفعلي.
ما الذي تم فحصه؟
يشمل هذا القالب 93 صفحة محتوى لكل لغة. فُحصت الروابط والأصول المحلية وإعادة البناء من المصدر، مع اختبارات عرض وتفاعل على صفحات ممثلة للمنتج. تقرير QA المرفق يوضح الاختبارات وحدودها؛ لا يعني ذلك اعتمادًا لكل المتصفحات أو فحصًا شاملًا لإمكانية الوصول.
الترخيص وحدود القالب
يسمح الترخيص باستخدام هذا القالب بإطاره المحدد في مشروع نهائي واحد لك أو لعميل. العربية والإنجليزية مشمولتان في الترخيص نفسه. يمكنك تعديل الهوية والمحتوى؛ لا يجوز إعادة بيع القالب أو توزيعه كقالب، وتبقى للمكتبات الخارجية تراخيصها المستقلة. النص الكامل مرفق داخل 04-Licenses/LICENSE.txt.
هذا قالب واجهات HTML وCSS وJavaScript. السلة والبحث والجداول والنماذج تجارب أمامية محلية؛ تشغيل الحسابات والطلبات والدفع والبريد والصلاحيات يحتاج خادمًا وربطًا من مطوّر. القالب ليس إضافة WordPress ولا يشمل تركيبًا أو استضافة.
السعر والمعاينة
عند نشر هذا المقال، السعر الأساسي للقالب 19 دولارًا وسعر العرض 10 دولارات، مع العربية والإنجليزية في شراء واحد. راجع صفحة المنتج للاطلاع على السعر الحالي، وجرّب الديمو لتتأكد من ملاءمة الواجهات لمشروعك.