ثيم طراز
التوثيق.

البدء

صُمّم ثيم طراز للأزياء المحتشمة: العبايات والقفاطين والفساتين والأغطية والقطع المفصّلة حسب المقاس. يأتي بالإنجليزية والعربية، ويعمل من اليمين إلى اليسار من دون أي إعداد إضافي، ويعتمد على ميزات Shopify الأصلية فقط. لا حاجة إلى أي تطبيقات.

التثبيت

1. في لوحة تحكّم Shopify انتقل إلى المتجر الإلكتروني ← السمات (Online Store → Themes). إذا اشتريت ثيم طراز من متجر الثيمات فسيظهر تلقائيًا في مكتبة الثيمات لديك. وإلا فاضغط إضافة ثيم ← رفع ملف مضغوط (Add theme → Upload zip file).
2. اضغط تخصيص (Customize) لفتح محرّر الثيم. كل ما يلي يُنفَّذ هناك ما لم يُشر المسار إلى غير ذلك.
3. انشر الثيم عندما تكون مستعدًا: الإجراءات ← نشر (Actions → Publish).

الدقائق العشر الأولى

1. الشعار: إعدادات الثيم ← الشعار. ارفع شعارًا للخلفيات الفاتحة وآخر للخلفيات الداكنة (التذييل، الأدراج الجانبية، الأقسام الداكنة). أفضل نتيجة مع ملف PNG بخلفية شفافة بمقاس 600 × 200 px.
2. الألوان: إعدادات الثيم ← الألوان. يأتي ثيم طراز بخمس مخططات ألوان: White (أبيض)، Cream (كريمي)، Sunken (غائر)، Aubergine (باذنجاني) وNight (ليلي). كل قسم له إعداد مخطط الألوان، فتغيّر المخطط مرّة واحدة ويتبعه كل قسم يستخدمه.
3. الخطوط: إعدادات الثيم ← الطباعة. خطوط العناوين والنصوص والواجهة تأتي من مكتبة خطوط Shopify. فعّل استخدام خطوط منفصلة للعربية لتجمع بين خط لاتيني وخط عربي؛ ولا تُحمَّل إلا خطوط اللغة الحالية.
4. القوائم: المتجر الإلكتروني ← التنقّل (Online Store → Navigation). يقرأ ثيم طراز القائمة الرئيسية للترويسة والتذييل للتذييل افتراضيًا. ويمكن اختيار أي قائمة في بلوكات الترويسة والتذييل.
5. الصفحة الرئيسية: يأتي قالب الصفحة الرئيسية بكل الأقسام في مواضعها. استبدل الصور والنصوص، واحذف ما لا تحتاج إليه.

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

محرّر الثيم ← إعدادات الثيم (أيقونة فرشاة الرسم)

الأقسام

الأقسام المميَّزة بـأي صفحة يمكن إضافتها عبر إضافة قسم (Add section) في كل قالب. أما الأقسام المرتبطة بقالب معيّن فتظهر فيه فقط.

الصفحة الرئيسية

قالب الصفحة الرئيسية تسلسل يمكنك إعادة ترتيبه بحرّية. أقسام الصور تأخذ صورة لسطح المكتب وأخرى للجوّال؛ وعندما تكون صورة الجوّال فارغة تُقصّ صورة سطح المكتب إلى الوضع الطولي. لكل قسم مخطط ألوان وإعداد تباعد (موروث، مدمج، قياسي، واسع).

المنتجات

بلوكات صفحة المنتج

يتكوّن قسم معلومات المنتج من بلوكات يمكنك إعادة ترتيبها: العنوان، السعر، منتقي المتغيّرات، عدّاد المخزون، الكمية، أزرار الشراء، الوصف، رابط دليل المقاسات، رابط مُنسّق الألوان، المشاركة، صفّ الثقة، الشحن والتوصيل، توفّر الاستلام، تغليف الهدايا. ويمكنك إضافة بلوكات تطبيقات من أي تطبيق مثبَّت.

عدّاد المخزون

يعرض المخزون الفعلي للمتغيّر المختار: «متوفّر»، أو «بقي 3 فقط» مع شريط صغير عند حدّك الأدنى أو أقل منه، أو «متاح بالطلب المسبق» عندما يُباع المتغيّر من دون مخزون، أو «نفدت الكمية». يبقى فارغًا حتى يُختار المقاس ويتحدّث مع تغيّر المتغيّر. المخزون غير المتتبَّع يُعرض كمتوفّر؛ ولا يُختلق أي رقم.

الشحن والتوصيل

بلوك لخيارات التوصيل لديك أسفل أزرار الشراء: لكل صفّ عنوان ومدّة توصيل وملاحظة ونص للرسوم (مثل «مجاني» أو «يُحسب عند الدفع»)، مع تمييز صفّ واحد. الصفوف نفسها موجودة في صفحة السلة بوصفها معاينة التوصيل. أضف رابطًا إلى سياسة الشحن لديك، وإن أردت، نافذة التوصيل المحسوبة من إعدادات التوصيل في القسم. أما الأسعار الفعلية فتُختار عند الدفع.

فيديوهات المنتج

الفيديوهات التي تضيفها إلى وسائط المنتج (مستضافة أو من YouTube أو Vimeo) والنماذج ثلاثية الأبعاد تظهر في المعرض مع شارة تشغيل على صورتها المصغّرة. يمكن للفيديوهات المستضافة أن تعمل تلقائيًا بصوت مكتوم وتتكرّر ما دامت على الشاشة: فعّل معلومات المنتج ← الفيديو ← تشغيل فيديوهات المنتج تلقائيًا. الزوّار الذين يفضّلون تقليل الحركة يحصلون على أزرار التحكّم فقط.

يُشترى معه عادةً

يعرض قسم المنتجات المكمّلة أسفل المنتج حتى ست قطع تتناسب معه. اخترها لكل منتج في تطبيق Search & Discovery المجاني (Complementary products)، أو بدّل مصدر القسم إلى قائمة منتجات أو مجموعة. غيّر العنوان والعنوان الفرعي من إعدادات القسم.

حقول المنتج الوصفية الاختيارية

أنشئ هذه الحقول مرّة واحدة في الإعدادات ← البيانات المخصّصة ← المنتجات (Settings → Custom data → Products) وسيلتقطها الثيم تلقائيًا:

الشارات

شارة «جديد» تلقائية طوال عدد الأيام الذي تحدّده بعد النشر؛ وشارة «تخفيض» تلقائية عند وجود سعر مقارنة؛ وشارة «نفدت الكمية» تلقائية؛ أما شارة «إصدار محدود» فتظهر للمنتجات التي تحمل الوسم الذي تحدّده (الافتراضي limited).

عيّنات الألوان

يستمدّ ثيم طراز العيّنات من بيانات الألوان الأصلية في Shopify، فيغطّي إعداد واحد الكروت وصفحة المنتج والعرض السريع وبنود السلة والفلاتر، بكل اللغات.

1. افتح منتجًا، واختر فئة (Category) تحتوي على خاصية اللون (مثلًا: Clothing ← Abayas & Jilbabs، Dresses، Outfit Sets، Scarves & Shawls).
2. في المتغيّرات (Variants)، حرّر خيار اللون واختر الربط بالحقل الوصفي للّون (Connect to the Color metafield).
3. اختر لونًا من ألوان Shopify لكل قيمة، أو أضف درجتك الخاصة في المحتوى ← الكائنات الوصفية ← اللون (Content → Metaobjects → Color): التسمية، اللون السداسي (hex)، صورة مربّعة اختيارية للمطبوعات والأقمشة ثنائية اللون، اللون الأساسي والنقشة.
4. ترجم التسميات في Translate & Adapt إذا كنت تبيع بأكثر من لغة.

الخيارات غير المرتبطة بعيّنة تعرض نموذجًا مخطّطًا محايدًا بدل لون مُخمَّن. تُعرَف الأسماء «Color» و«Colour» و«اللون» تلقائيًا؛ وأضف اسم خيار آخر في بلوك منتقي المتغيّرات إذا كنت تستخدم كلمة مختلفة.

المجموعات

صورة بانر المجموعة

تستخدم كروت المجموعات صورة المجموعة (طولية، نحو 1200 × 1600 px). أما البانر في أعلى كل صفحة مجموعة فأعرض بكثير، لذا يمكنه استخدام صورة منفصلة. أنشئ حقلَي مجموعة وصفيَّين مرّة واحدة، ثم عيّنهما لكل مجموعة:

فعّل وصول واجهة المتجر (storefront access) للحقلَين. وعندما يكونان فارغَين يعود البانر إلى صورة المجموعة. ويحلّ حقل custom.kicker من نوع نص من سطر واحد محلّ عدد المنتجات فوق العنوان.

الفلاتر

تأتي الفلاتر من تطبيق Shopify المجاني Search & Discovery. أضف هناك فلاتر التوفّر والسعر واللون والمقاس ونوع المنتج؛ ويعرض ثيم طراز فلاتر اللون والمقاس كعيّنات ورقاقات (chips). لأسماء الألوان المترجمة، اضبط فلتر اللون ليعرض القيم المنفردة بدل الألوان الأساسية المجمَّعة.

مُنسّق الألوان

يتيح مُنسّق الألوان للعميل تلوين رسم لإطلالتك قطعةً قطعة. يقترح الثيم درجات تنسجم مع الاختيار الأول ويعرض المنتجات المتوفّرة بتلك الألوان. لا يحتاج إلى أي تطبيق ولا يرسل أي بيانات إلى أي جهة.

1. أضف القسم إلى صفحة (يستخدم المتجر التجريبي صفحة مخصّصة مع بانر الصفحة فوقه).
2. ارفع رسم SVG خاصًا بك أو ابدأ بالرسم التجريبي المضمَّن. الرسم ملف متّجهي (vector) يحتوي على مجموعة مسمّاة لكل جزء قابل للتلوين، مثل model-abaya وmodel-veil وmodel-belt، ومجموعة مقفلة باسم model-skin لا تتغيّر أبدًا.
3. أضف بلوك طبقة (Layer) لكل جزء، واكتب الاسم نفسه الموجود في الملف.
4. أضف بلوكات درجة (Tone) للوحة ألوانك: الاسم، اللون السداسي (hex)، والدرجات التي تنسجم معها.
5. أضف بلوكات إطلالة (Outfit) لإطلالات جاهزة يمكن للعميل أن يبدأ منها.
6. اضبط لون خلفية الشكل، وعرض الخط الخارجي ولونه، والمجموعة التي يبحث فيها المُنسّق عن المنتجات. تُطابَق المنتجات عبر ألوان العيّنات المرتبطة بها.

دليل الرسم الكامل، مع إعدادات التصدير لبرامج Illustrator وFigma وInkscape، موجود في محرّر الثيم تحت رابط توثيق القسم، وفي مقالة مُنسّق الألوان على موقع الدعم.

العربية والاتجاه من اليمين إلى اليسار والأسواق

1. الإعدادات ← اللغات (Settings → Languages): أضف العربية (أو اجعلها اللغة الافتراضية) وانشرها. يتضمّن ثيم طراز كل نصوص واجهة المتجر بالعربية؛ ويتيح لك تطبيق Translate & Adapt المجاني ترجمة محتواك الخاص (المنتجات، المجموعات، الصفحات، القوائم) ونصوص أقسام الثيم.
2. يتبع اتجاه النص اللغة تلقائيًا؛ ويمكنك فرضه من إعدادات الثيم ← اللغة إذا احتجت إلى ذلك.
3. الطباعة ← استخدام خطوط منفصلة للعربية لاختيار خطوط عربية؛ ويبدّل إعداد الأرقام العدّادات والتواريخ إلى الأرقام الهندية-العربية.
4. الإعدادات ← الأسواق (Settings → Markets): أضف الدول التي تشحن إليها؛ وتعرض الترويسة والتذييل منتقيَي الدولة واللغة عندما يتوفّر أكثر من خيار واحد.

الصفحات والمدوّنة والتواصل

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

السلة والدفع

اختر درج سلة أو صفحة سلة. تعرض السلة شريط الشحن المجاني، وبنود الطلب مع العيّنات، وملاحظة الطلب، وتغليف الهدايا (يضيف منتج التغليف لديك كبند)، وبلوكات معاينة التوصيل، وأيقونات الدفع، والاقتراحات. وعلى الهواتف يمكن أن يبقى الإجمالي مثبَّتًا في الأسفل. صفحة الدفع هي صفحة Shopify الأصلية وتتبع إعدادات الدفع لديك.

مقاسات الصور

ارفع صور JPG بجودة 80، أو PNG للشعارات؛ ويتولّى Shopify تغيير مقاس الصور وتحويلها لكل جهاز.

السرعة وإمكانية الوصول

• تُحمَّل الصور بالتحميل الكسول باستثناء صورة الواجهة الأولى؛ والشرائح بعد الأولى تُحمَّل عند أول تفاعل من الزائر.
• كل قسم يحمّل ورقة الأنماط والسكربت الخاصّين به فقط؛ والسلوكيات الثقيلة تبدأ عندما يظهر القسم في نطاق الرؤية.
• اقتصر في الصفحة الرئيسية على الأقسام التي تستخدمها؛ فكل قسم يضيف بعض الوزن.
• كل الطبقات المنبثقة مربّعات حوار مع إدارة للتركيز وإغلاق بمفتاح Escape؛ ولكل عنصر تحكّم حالة تركيز مرئية؛ ويحقّق التباين معيار WCAG AA في المخططات المضمَّنة.

الأسئلة الشائعة

سجلّ التغييرات والدعم

1.0.0 — الإصدار الأول.

الدعم: راجع صفحة الدعم. أرفق رابط متجرك، وإصدار الثيم من المتجر الإلكتروني ← السمات (Online Store → Themes)، والصفحة المعنيّة، ولقطة شاشة.