Rawnaq ثيم Shopify للمتاجر الإلكترونية، ويدعم الإنجليزية والعربية والعبرية دعمًا كاملًا من الأساس. يناسب أي كتالوج منتجات، ويتميز خصوصًا مع المنتجات التي تأتي بألوان ومقاسات، مثل الأزياء والملابس. هذه الصفحة تأخذك من التثبيت الأول إلى متجر يشبه علامتك. خصص حوالي ساعة لهذا.
لا تحتاج إلى أي كود. كل ما في هذا الدليل يتم من محرر ثيم Shopify.
كيف يعمل محرر الثيم
افتح المحرر من لوحة تحكم Shopify: Online Store > Themes > Customize.
- اللوحة الجانبية تعرض أقسام الصفحة التي تعمل عليها. اضغط على قسم لتغيير إعداداته، أو اضغط Add section لإضافة قسم جديد إلى الصفحة.
- أيقونة الفرشاة تفتح Theme settings. هذه الإعدادات تنطبق على المتجر كله: الشعار والألوان والخطوط والأزرار والسلة وغيرها. شرحناها في إعدادات الثيم.
- قائمة اختيار الصفحة في الأعلى تتيح لك التنقل بين الصفحة الرئيسية والمنتج والمجموعة والسلة وبقية قوالب الصفحات. لكل قالب أقسامه الخاصة.
- تُحفظ التغييرات كمسودة إلى أن تضغط حفظ. استخدم المعاينة للتأكد من شكل المتجر على الموبايل والتابلت والكمبيوتر.
تثبيت الثيم
- اشترِ Rawnaq من Shopify Theme Store واختر Add to your store. وافق على شاشة الأذونات.
- في لوحة التحكم، اذهب إلى Online Store > Themes. سيظهر Rawnaq في مكتبة الثيمات.
- اضغط Customize لتعدّله دون أن يراه العملاء بعد.
- عندما ترضى عن النتيجة، افتح قائمة النقاط الثلاث بجوار Rawnaq واختر Publish.
نصيحة عملية: احتفظ بثيمك القديم في المكتبة إلى أن يعمل Rawnaq أسبوعًا كاملًا، لتتمكن من الرجوع إليه عند الحاجة.
اختيار نمط جاهز
النمط الجاهز (Preset) هو تصميم مُعَدّ مسبقًا يضم الألوان والخطوط والمسافات والتخطيط وصفحة رئيسية تجريبية. يضم Rawnaq خمسة أنماط جاهزة، ولكل نمط متجر تجريبي خاص به يمكنك تصفحه قبل الشراء:
- Rawnaq، للملابس والأزياء: عناوين عريضة بحروف كبيرة، وزوايا حادة، وصور طولية، وفيديو سينمائي على الصفحة الرئيسية، ولوحة ألوان أحادية مع درجات حجرية محايدة.
- Camellia، للعناية بالجمال والبشرة: درجات البورسلين والوردي الفاتح مع لمسة برقوقي، وخط عناوين Serif، وصور بزوايا مستديرة، وأزرار بيضاوية الشكل.
- Linden، للمنزل والأثاث: درجات الكتان الدافئة والزيتوني، وخط عناوين Serif، وصور أفقية، وصورة غرفة بملء الشاشة تحت هيدر شفاف.
- Nacre، للمجوهرات والإكسسوارات: خلفية قريبة من الأسود مع نص بلون العاج ولمسة ذهبية ناعمة، وعناوين كلاسيكية بحروف كبيرة، وصور طولية.
- Kinetic، للإلكترونيات: أبيض بارد ورمادي فولاذي مع لمسة أزرق كهربائي، وشريط بحث عريض، ومواصفات المنتجات، وجدول مقارنة بين الموديلات.
تختار النمط الجاهز من صفحة Rawnaq في Shopify Theme Store عند إضافة الثيم. وللتحويل إلى نمط آخر لاحقًا:
- افتح محرر الثيم واضغط على أيقونة الفرشاة لفتح Theme settings.
- ابحث عن خيار نمط الثيم في أعلى اللوحة. هنا تظهر الأنماط الجاهزة.
- اختر النمط الذي تريده.
تغيير النمط الجاهز يستبدل إعدادات الثيم الحالية بقيم النمط الجديد. اختر النمط أولًا، ثم ابدأ التخصيص.
قائمة الخطوات الأولى
نفّذ هذه الخطوات بالترتيب. كل خطوة تشير إلى الصفحة التي فيها تفاصيل أكثر.
1. الشعار وأيقونة المتصفح
- افتح Theme settings واختر Theme settings > Logo and favicon.
- ارفع Logo الخاص بك. أفضل نتيجة مع ملف PNG أو SVG بخلفية شفافة.
- اضبط Logo width on desktop وLogo width on mobile حتى يبدو الشعار متوازنًا في المعاينة.
- ارفع Favicon. وهي الأيقونة الصغيرة التي تظهر في تبويب المتصفح. استخدم صورة مربعة بمقاس 32 x 32 px على الأقل.
- ارفع Social sharing image (1200 x 628 px). تظهر عندما يشارك أحد رابط متجرك على مواقع التواصل الاجتماعي.
- إذا أردت هيدر شفافًا فوق بانر الصفحة الرئيسية، فارفع أيضًا Logo for transparent header. استخدم نسخة فاتحة من شعارك. راجع الهيدر والتنقل.
2. الألوان
- اختر Theme settings > Colors.
- يستخدم Rawnaq خمس مجموعات ألوان. مجموعة الألوان هي طقم متناسق من ألوان الخلفية والنص والأزرار واللمسات. كل قسم يتيح لك اختيار المجموعة التي يستخدمها من خلال إعداد Color scheme، فتستطيع التبديل بين أشرطة فاتحة وداكنة على امتداد الصفحة.
- عدّل المجموعات التي تنوي استخدامها. ابدأ بالمجموعة 1 (المظهر الفاتح الأساسي) والمجموعة التي يستخدمها الفوتر. تأكد أن النص سهل القراءة على كل خلفية.
- اضبط ألوان الحالة في أسفل المجموعة نفسها: Sale badge and price وIn stock and success وLow stock and warnings وErrors وRating stars وWhatsApp buttons.
3. الخطوط
- اختر Theme settings > Typography.
- تحت Headings اختر Font. وكرر الأمر نفسه تحت Body.
- استخدم Size scale لتكبير كل العناوين أو كل النصوص الأساسية قليلًا أو تصغيرها.
- إذا كان لمتجرك عملاء يقرؤون بالعربية أو بلغات أخرى تُكتب من اليمين إلى اليسار، فاختر Heading style وBody style تحت Arabic and Hebrew. راجع اللغات والكتابة من اليمين إلى اليسار.
4. القوائم
تُدار القوائم من لوحة تحكم Shopify وليس من محرر الثيم: Content > Menus.
- افتح القائمة الرئيسية (المعرّف الخاص بها main-menu). أضف روابط المستوى الأول، مثل نساء ورجال وتخفيضات.
- أضف روابط المستوى الثاني تحت كل رابط (فساتين، تريكو)، وإذا أردت ميجا منيو كاملة فأضف روابط المستوى الثالث تحتها.
- افتح قائمة الفوتر (المعرّف: footer) وأضف الروابط التي تريدها في الفوتر، مثل الشحن والاسترجاع واتصل بنا.
- ارجع إلى المحرر، واختر قسم Header وتأكد أن Menu يشير إلى قائمتك الرئيسية وأن Secondary menu يشير إلى قائمة الفوتر. ثم اختر قسم Footer وراجع بلوكات Menu فيه.
5. الصفحة الرئيسية
- في قائمة اختيار الصفحة، اختر Home page.
- اختر القسم الأول (Slideshow)، وارفع صورك الخاصة، وأعد كتابة النص.
- مرّ على كل قسم. استبدل النص والصور التجريبية، ووجّه إعدادات Collection إلى مجموعاتك أنت، واحذف الأقسام التي لا تحتاجها.
- أضف الأقسام التي تريدها عبر Add section. شرحنا كل قسم في أقسام الصفحة الرئيسية.
- اضغط حفظ، ثم عاين الصفحة بعرض شاشة الموبايل.
6. المنتجات والمجموعات
- أضف منتجاتك من Products. أعطِ كل منتج عنوانًا واضحًا وصورًا جيدة ووصفًا.
- اجمع المنتجات في مجموعات. المجموعات هي التي تغذي القوائم والصفحة الرئيسية وصفحات المتجر.
- افتح منتجًا في المحرر (من قائمة اختيار الصفحة اختر Products > Default product) وراجع البلوكات. راجع صفحة المنتج.
7. السلة والدفع
- افتح Theme settings > Cart.
- اختر Cart type وأدخل Free shipping threshold إذا كنت تقدم شحنًا مجانيًا. راجع السلة.
8. بيانات التواصل والدردشة
افتح Theme settings > Chat and contact وأدخل رقم هاتفك وبريدك الإلكتروني وعنوانك ورقم WhatsApp. راجع WhatsApp والدردشة.
9. المراجعة الأخيرة قبل الإطلاق
- افتح متجرك على موبايل حقيقي وأجرِ طلبًا تجريبيًا (استخدم Bogus Gateway من Shopify أو كود خصم بنسبة 100 في المئة).
- تأكد أن كل رابط في القوائم يعمل.
- تأكد من وجود سياسة الخصوصية (Privacy policy) وسياسة الاسترداد (Refund policy) وشروط الخدمة (Terms of service) ضمن Settings > Policies. الفوتر يربط بها.
- أزل كلمة مرور المتجر من Online Store > Preferences عندما تكون جاهزًا للافتتاح.
مفيد أن تعرف
- لا شيء مما تفعله في المحرر يغيّر منتجاتك أو طلباتك أو عملاءك.
- تُحفظ إعدادات الثيم لكل ثيم على حدة. وإذا كررت الثيم، تحتفظ النسخة بإعداداتك.
- معظم النصوص التي يقرؤها المتسوقون (مثل "Add to cart") ليست داخل المحرر. تُعدّل من Language settings. راجع اللغات والكتابة من اليمين إلى اليسار.
- إذا بدا أن إعدادًا لا يفعل شيئًا، فتأكد أنك على قالب الصفحة الصحيح. مثلًا، إعدادات صفحة المنتج لا تظهر إلا على صفحة منتج.
- استخدم Duplicate على الثيم قبل التعديلات الكبيرة، لتحتفظ دائمًا بنسخة آمنة.
هل ما زلت بحاجة إلى مساعدة؟ تواصل مع الدعم