إعدادات الثيم

إعدادات الثيم (Theme settings) تتحكم في شكل متجرك كله وفي طريقة عمله. افتحها من محرر الثيم (Online Store > Themes > Customize) بالضغط على أيقونة الفرشاة. كل مجموعة أدناه تطابق مجموعة في تلك اللوحة.

الإعدادات الخاصة بقسم واحد فقط (مثل الهيدر أو صفحة المنتج) ليست هنا. هي موجودة داخل القسم نفسه، وشرحناها في بقية صفحات هذا الدليل.

عندما يكون للإعداد نطاق من القيم، يظهر الرقم أثناء سحب شريط التمرير. القيم الافتراضية الواردة هنا هي قيم التثبيت الجديد قبل أن تختار نمطًا جاهزًا.

الشعار وأيقونة المتصفح

Theme settings > Logo and favicon

1. Logo: شعارك الأساسي، ويظهر في الهيدر وفي الفوتر أيضًا ما لم تحدد شعارًا آخر.
2. Logo for transparent header: نسخة فاتحة من الشعار، تظهر عندما يكون الهيدر فوق صورة رئيسية (راجع إعداد Transparent header on home page في الهيدر والتنقل).
3. Logo width on desktop: من 40 إلى 300 px.
4. Logo width on mobile: من 30 إلى 200 px.
5. Favicon: أيقونة التبويب. صورة مربعة بمقاس 32 x 32 px على الأقل.
6. Social sharing image: تظهر في معاينات الروابط للصفحات التي ليس لها صورة خاصة بها. استخدم مقاس 1200 x 628 px.

مفيد أن تعرف

• شعارات SVG تبقى حادة وواضحة بأي مقاس.
• إذا بدا الشعار صغيرًا جدًا أو كبيرًا جدًا على الموبايل، فغيّر عرض الموبايل فقط. عرض الكمبيوتر لا يتأثر.

الألوان

Theme settings > Colors

الألوان منظمة في مجموعات ألوان، ولديك خمس مجموعات. كل مجموعة فيها هذه الألوان:

• Background، واختياريًا Background gradient الذي يحل محل الخلفية الصلبة حيث تكون التدرجات مدعومة.
• Text وSecondary text (يُستخدم للتعليقات التوضيحية والنصوص الصغيرة).
• Surface (cards and panels): درجة اللون المستخدمة خلف البطاقات واللوحات وحقول الإدخال.
• Borders and dividers.
• Primary button وPrimary button label.
• Secondary button label and border.
• Links and highlights.

الأقسام والهيدر والفوتر والبلوكات داخل قسم Freeform ومربعات الترويج (Promo tiles) لكلٍّ منها إعداد Color scheme. اختر المجموعة وسيتلوّن القسم تلقائيًا.

تحت المجموعات توجد مجموعة اسمها Status and badges. هذه الألوان واحدة في كل الصفحات:

1. Sale badge and price وSale badge text.
2. Other badges وOther badge text.
3. In stock and success.
4. Low stock and warnings.
5. Errors.
6. Rating stars.
7. WhatsApp buttons: يُستخدم فقط مع إجراءات WhatsApp، فلا يبدو السؤال عن منتج أبدًا كأنه شراء.

مفيد أن تعرف

• تحقق من التباين. يجب أن يكون النص سهل القراءة على خلفيته، خصوصًا على الأزرار وعلى شارات التخفيض.
• تغيير مجموعة ألوان يغيّر كل قسم يستخدمها. ولتغيير شكل قسم واحد فقط، حوّل ذلك القسم إلى مجموعة أخرى بدلًا من ذلك.
• نمط شائع: المجموعة 1 لمعظم الأقسام، ومجموعة أغمق لشريط الإعلانات والأشرطة الترويجية، ومجموعة بدرجة لون خفيفة للأقسام المتبادلة.

الخطوط (Typography)

Theme settings > Typography

العناوين (Headings)

1. Font: اختر من مكتبة خطوط Shopify. تُختار الأنماط العريضة والمائلة تلقائيًا إذا كان الخط يوفرها.
2. Size scale: من 80 إلى 150 في المئة. يكبّر كل العناوين أو يصغّرها معًا.
3. Letter spacing: من ناقص 5 إلى 20.
4. Letter case: خيار Default يُبقي حالة الأحرف كما كتبتها. وخيار Uppercase يحوّل كل عنوان إلى أحرف كبيرة.

النص الأساسي (Body)

1. Font: خط الفقرات والأزرار والقوائم.
2. Size scale: من 90 إلى 130 في المئة.

العربية والعبرية (Arabic and Hebrew)

مكتبة خطوط Shopify لا تحتوي على حروف عربية أو عبرية، لذلك تستخدم هذه الحروف أفضل خط مدمج في جهاز كل متسوق. اختر النمط:

1. Heading style: الخيار Classic (naskh) أو Modern (sans serif).
2. Body style: الخيار Classic (naskh) أو Modern (sans serif).

لمزيد من التفاصيل راجع اللغات والكتابة من اليمين إلى اليسار.

مفيد أن تعرف

• خطان (واحد للعناوين وواحد للنص الأساسي) هما الاختيار الكلاسيكي والسريع. زيادة عدد الخطوط تبطئ الصفحات.
• نمط العربية والعبرية يُطبَّق أينما ظهرت هذه الحروف، حتى في الصفحات الإنجليزية.
• العناوين بحروف كبيرة مع مسافات واسعة بين الحروف تعطي إحساس الأزياء. أما العناوين الطويلة فاترك الحالة على Default.

التخطيط (Layout)

Theme settings > Layout

1. Page width: من 1000 إلى 1800 px. أقصى عرض لمحتوى الصفحة على الشاشات الكبيرة.
2. Space between sections: من 0 إلى 100 px. تُضاف فوق المسافة الداخلية الخاصة بكل قسم.
3. Space between grid items: من 4 إلى 40 px. الفراغ بين بطاقات المنتجات والشبكات المشابهة.

استدارة الزوايا (Corner radius)

1. Buttons
2. Inputs
3. Images and videos
4. Cards and panels

كل استدارة تبدأ من 0 (زوايا مربعة) وحتى حد أقصى بين 24 و40 px (استدارة كبيرة جدًا).

مفيد أن تعرف

• اجعل الاستدارات متسقة. المتجر الذي تكون صوره بزوايا مربعة وأزراره مستديرة يبدو غالبًا غير مقصود.
• زيادة Space between sections هي أسرع طريقة لجعل الصفحة تبدو أكثر اتساعًا.

الأزرار (Buttons)

Theme settings > Buttons

1. Primary button style: Solid أو Outline.
2. Border thickness: من 0 إلى 4 px.
3. Uppercase labels: يحوّل نص الأزرار إلى أحرف كبيرة.
4. Letter spacing: من 0 إلى 20.
5. Lift on hover: ترتفع الأزرار قليلًا عندما يمر مؤشر الماوس فوقها.

بطاقات المنتجات (Product cards)

Theme settings > Product cards

بطاقات المنتجات هي المربعات الصغيرة التي تعرض كل منتج في المجموعات ونتائج البحث والصفحة الرئيسية والتوصيات.

1. Image shape: Natural أو Square أو Portrait أو Tall أو Landscape.
2. Image fit: خيار Fill the shape يقصّ الصورة لتناسب الشكل. وخيار Show the whole image يعرض الصورة كاملة مع مساحة حولها. استخدم الخيار الثاني للمنتجات المصورة على خلفية بيضاء.
3. Card style: Plain أو Card with background.
4. Text alignment: Start أو Center.
5. Show second image on hover: يبدّل إلى الصورة الثانية للمنتج على الكمبيوتر.
6. Show vendor
7. Show rating: يعرض النجوم عندما يوفر تطبيق التقييمات تقييمات للمنتجات. راجع صفحة المنتج.
8. Color swatches shown: من 0 إلى 10. اضبطه على 0 لإخفاء عينات الألوان على البطاقات.
9. Quick add: None أو Icon أو Button. يتيح للمتسوقين إضافة منتج دون مغادرة الصفحة.
10. Enable quick view: عدسة مكبرة تفتح المنتج في نافذة منبثقة.
11. Enable wishlist: قلب على كل بطاقة. راجع قائمة الرغبات والمقارنة.
12. Enable compare: أيقونة مقارنة على كل بطاقة. يستطيع المتسوقون مقارنة حتى أربعة منتجات.
13. Low stock message at: يعرض "Only X left" عندما تكون الكمية عند هذا الرقم أو أقل. اضبطه على 0 للإخفاء.

مفيد أن تعرف

• الإضافة السريعة تضيف المنتج الذي بلا خيارات مباشرة إلى السلة. أما المنتج الذي له خيارات، فيظهر على الزر "Choose options" ويفتح نافذة المعاينة السريعة ليختار المتسوق المقاس أو اللون.
• قائمة الرغبات والمقارنة تُحفظان في متصفح المتسوق نفسه. لا حاجة إلى أي تطبيق.

الشارات (Badges)

Theme settings > Badges

1. Position on product images: Top start أو Top end أو Bottom start. كلمة Start تعني اليسار في الإنجليزية واليمين في العربية.
2. Sale badge: Text أو Percentage saved أو Amount saved.
3. Show sold out badge
4. Show "New" badge for: عدد الأيام بعد نشر المنتج (من 0 إلى 90). اضبطه على 0 للإخفاء.

لإضافة شارة خاصة بك، أضف إلى المنتج وسمًا (tag) يبدأ بـ "badge:"، مثل "badge:Bestseller". تعرض الشارة النص الذي يأتي بعد النقطتين.

السلة (Cart)

Theme settings > Cart

1. Cart type: Drawer (تنزلق من الجانب) أو Page (صفحة سلة كاملة) أو Popup notification (رسالة تأكيد صغيرة).
2. Free shipping threshold: رقم بعملة متجرك. يعرض شريط تقدم في السلة. القيمة 0 تخفيه.
3. Enable order notes
4. Show discount code field
5. Show shipping estimator on the cart page
6. Require terms agreement before checkout، مع Terms page للربط بها.
7. Gift wrap product: اختر منتجًا لتقدمه كتغليف هدايا.
8. Show "Order on WhatsApp" in the cart

التوصيات في السلة (Recommendations in the cart)

1. Show recommendations
2. Fallback collection: تأتي المنتجات المكمّلة أولًا، وهذه المجموعة تملأ الأماكن المتبقية.
3. Number of products: من 1 إلى 6.

الدليل الكامل هو السلة.

البحث (Search)

Theme settings > Search

1. Show results while typing: يشغّل البحث التنبؤي أو يوقفه.
2. Show vendor in results
3. Show price in results

تنسيق العملة (Currency format)

Theme settings > Currency format

1. Show currency codes: يضيف رمز العملة بعد الأسعار، مثل $1.00 USD. السلة وصفحة الدفع تعرضان الرموز دائمًا.

وسائل التواصل الاجتماعي (Social media)

Theme settings > Social media

الصق الرابط الكامل لحسابك على كل شبكة: Facebook وInstagram وTikTok وX (Twitter) وYouTube وPinterest وSnapchat وThreads وLinkedIn وTumblr وVimeo وTelegram. تظهر الأيقونات في الفوتر وفي أي قسم فيه Show social links. اترك الحقل فارغًا لإخفاء تلك الأيقونة.

الدردشة والتواصل (Chat and contact)

Theme settings > Chat and contact

1. WhatsApp number: بالصيغة الدولية، أرقام فقط. مثال: 971501234567.
2. Floating chat button: None أو WhatsApp أو Messenger أو Telegram أو Phone call.
3. Messenger or Telegram username: يستخدمه هذان الزران.
4. Chat button position: End side أو Start side.
5. Phone number
6. Email
7. Address
8. Map link

تُستخدم هذه البيانات مجددًا في الفوتر وصفحة التواصل والهيدر. المزيد في WhatsApp والدردشة.

النوافذ المنبثقة (Popups)

Theme settings > Popups

نافذة النشرة البريدية (Newsletter popup)

1. Enable newsletter popup
2. Image
3. Show after: من 0 إلى 60 ثانية.
4. Also show when a visitor is about to leave (desktop)
5. Show again after: من 1 إلى 30 يومًا. المدة التي ينتظرها قبل عرض النافذة مرة أخرى لنفس الزائر.

التحقق من العمر (Age verification)

1. Ask visitors to confirm their age
2. Minimum age: من 13 إلى 25.

مفيد أن تعرف

• النوافذ المنبثقة قد تزعج الزوار وتقلل المبيعات. استخدم تأخيرًا لا يقل عن 8 ثوانٍ، واحتفظ بخيار الظهور عند الخروج لعرض خصم حقيقي.
• التحقق من العمر يطلب من الزائر أن يؤكد عمره فقط. ولا يفحص أي هوية.

الحركات (Animations)

Theme settings > Animations

1. Reveal sections on scroll
2. Hover effect: None أو Zoom images أو Lift cards.
3. Show back to top button

الزوار الذين طلبوا من أجهزتهم تقليل الحركة يرون حركة أقل، أيًّا كان اختيارك هنا.

مفيد أن تعرف

• دوّن إعداداتك قبل تغيير النمط الجاهز، لأن النمط الجاهز يستبدلها.
• إذا عدّلت الصفحة الرئيسية وبدت التغييرات غير صحيحة، فتحقق أولًا هل السبب إعداد من هنا (مثل Image shape) قبل أن تغيّر القسم.

ألوان ومقاسات بطاقة المنتج

عندما يكون للمنتج خيار لون مع عينات ألوان، تعرض بطاقته الألوان تحت السعر (حتى العدد المحدد في Color swatches shown). عند تمرير المؤشر على لون تظهر صورة ذلك اللون واسمه، والضغط عليه أو لمسه يختاره، وبعدها يتبع رابط البطاقة والمعاينة السريعة والسعر اللون المختار. أعطِ كل متغير لون صورته الخاصة في صفحة المنتج بلوحة التحكم حتى تتغير الصورة.

فعّل Show sizes on hover (في Product cards) ليتمكن المتسوقون على الكمبيوتر من إضافة مقاس بنقرة واحدة: يؤدي تمرير المؤشر على البطاقة إلى ظهور مقاساتها منزلقة إلى أعلى باللون المختار، وتُشطب المقاسات النافدة. أما على الموبايل فيبقى زر الإضافة السريعة، لأنه لا يوجد تمرير بالمؤشر.