المساعدة
تسجيل الدخول

تخصيص إعدادات القالب

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

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

في هذه الصفحة

يمكنك إضافة شعار لعملك إلى متجرك الإلكتروني. يُعرض شعارك في الأماكن التالية:

  • الترويسة في جميع الصفحات
  • صفحة كلمة المرور الخاصة بك

تخصيص شعارك

يبلغ الحد الأقصى لعرض صور الشعار 300 بكسل.

الخطوات:

سطح المكتب

  1. من لوحة تحكم مسؤولي Shopify، انتقل إلى المتجر الإلكتروني > القوالب.

  2. ابحث عن القالب الذي تريد تعديله، ثم انقر على تعديل القالب.

  3. انقر على أيقونة إعدادات القالب settings.

  4. انقر على الشعار.

  5. في منطقة الشعار، أضف صورتك أو استخدم صورة مجانية:

    • لإضافة صورتك، انقر على تحديد صورة، ثم أضف صورة جديدة أو حالية:
      • لاستخدام صورة قمت بتحميلها مسبقاً إلى لوحة تحكم مسؤولي Shopify، حدد الصورة ثم انقر على تم.
      • لاستخدام صورة من جهاز الكمبيوتر المحلي، انقر على إضافة صور. حدد صورة وأضفها، ثم انقر على تم.
    • لاستخدام صورة مجانية، انقر على استكشاف الصور المجانية. ابحث عن صورة، وانقر عليها لتحديدها، ثم انقر على تحديد.

  6. اختياري: إضافة نص بديل إلى صورة شعارك:

    1. في منطقة الشعار، انقر على تعديل.
    2. في حقل النص البديل، أدخل وصفاً موجزاً للصورة.
    3. انقر على حفظ.

  7. اختياري: في منطقة عرض الشعار على سطح المكتب، استخدم شريط التمرير لضبط عرض الشعار بالبكسل.

  8. انقر على حفظ.

الهاتف المحمول

  1. من تطبيق Shopify، اضغط على أيقونة Menu.

  2. في قسم قنوات المبيعات، اضغط على المتجر الإلكتروني.

  3. اضغط على إدارة جميع القوالب.

  4. ابحث عن القالب الذي تريد تعديله، ثم اضغط على تعديل القالب.

  5. اضغط على … أو ⋮، ثم اضغط على إعدادات القالب.

  6. اضغط على الشعار.

  7. في منطقة الشعار، أضف صورتك أو استخدم صورة مجانية:

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

  8. اختياري: إضافة نص بديل إلى صورة شعارك:

    1. في منطقة الشعار، اضغط على تعديل.
    2. في حقل النص البديل، أدخل وصفاً موجزاً للصورة.
    3. اضغط على حفظ أو ✓.

  9. اختياري: في منطقة عرض الشعار على سطح المكتب، استخدم شريط التمرير لضبط عرض الشعار بالبكسل.

  10. اضغط على حفظ أو ✓.

إضافة أيقونة مفضلة

يمكنك إضافة أيقونة مفضلة، أو favicon، والتي تستخدمها للمساعدة في بناء العلامة التجارية لمتجرك الإلكتروني. تُعرض الأيقونة المفضلة في الأماكن التالية:

  • علامة تبويب متصفح الويب الخاص بك
  • سجل متصفح الويب الخاص بك
  • الأيقونات على سطح المكتب
  • بجوار اسم متجرك الإلكتروني عند إضافة موقعك إلى الإشارات المرجعية

تعرف على المزيد حول الأيقونات المفضلة.

الخطوات:

سطح المكتب

  1. من لوحة تحكم مسؤولي Shopify، انتقل إلى المتجر الإلكتروني > القوالب.

  2. ابحث عن القالب الذي تريد إضافة أيقونة مفضلة إليه، ثم انقر على تعديل القالب.

  3. انقر على أيقونة إعدادات القالب settings.

  4. بناءً على إصدار القالب الخاص بك، انقر على الشعار أو الأيقونة المفضلة.

  5. في قسم صورة الأيقونة المفضلة، انقر على تحديد صورة، ثم أضف صورة جديدة أو حالية:

    • لتحديد صورة قمت بتحميلها بالفعل إلى مسؤول Shopify، يمكنك البحث عن الصورة أو العثور عليها، ثم تحديدها باستخدام مربع الاختيار.
    • لتحديد صورة من جهاز الكمبيوتر المحلي الخاص بك، انقر على إضافة صور، وافتح الصورة من جهاز الكمبيوتر المحلي، ثم حددها باستخدام مربع الاختيار.

  6. انقر على تم.

  7. اختياري: أضف نصًا بديلًا إلى صورة الأيقونة المفضلة لديك:

    1. في قسم صورة الأيقونة المفضلة، انقر على تعديل.
    2. في حقل النص البديل، أدخل وصفاً موجزاً للصورة.
    3. انقر على حفظ.

  8. انقر على حفظ.

الهاتف المحمول

  1. من تطبيق Shopify، اضغط على أيقونة Menu.

  2. في قسم قنوات المبيعات، اضغط على المتجر الإلكتروني.

  3. اضغط على إدارة جميع القوالب.

  4. ابحث عن القالب الذي تريد إضافة أيقونة مفضلة إليه، ثم اضغط على تعديل القالب.

  5. اضغط على … أو ⋮، ثم اضغط على إعدادات القالب.

  6. بناءً على إصدار القالب الخاص بك، اضغط على الشعار أو الأيقونة المفضلة.

  7. في قسم صورة الأيقونة المفضلة، اضغط على تحديد صورة، ثم أضف صورة جديدة أو حالية:

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

  8. اضغط على تم.

  9. إضافة نص بديل لصورة الأيقونة المفضلة لديك:

    1. في قسم صورة الأيقونة المفضلة، اضغط على تعديل.
    2. في حقل النص البديل، أدخل وصفاً موجزاً للصورة.
    3. اضغط على حفظ أو ✓.

  10. اضغط على حفظ أو ✓.

الألوان

يمكنك تحديد أنظمة ألوان مختلفة في إعدادات القالب وتطبيق أنظمة الألوان على أقسام مختلفة في جميع أنحاء متجرك الإلكتروني باستخدام أداة اختيار نظام الألوان. نظام الألوان هو مجموعة من الألوان. يحتوي قالبك على مجموعة من أنظمة الألوان الافتراضية المُطبقة والتي يمكنك تغييرها في أي وقت في محرر القوالب. يمكنك إضافة ألوان علامتك التجارية لضمان تطبيق متماسك للوحة الألوان الخاصة بك عبر متجرك الإلكتروني.

لا تحتوي النماذج على إعدادات ألوان فردية بحيث يكون تصميم متجرك الإلكتروني متسقًا في جميع أنحاء موقعك الإلكتروني. يُعتبر النموذج صفحة رئيسية أو المحتوى الرئيسي للمتجر. قد يؤدي وجود أنظمة ألوان مختلفة في جميع أنحاء متجرك إلى تجربة مستخدم سيئة ويمكن أن يتسبب في مغادرة العملاء لمتجرك دون شراء منتجات.

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

أنظمة الألوان

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

قائمة بالإعدادات المختلفة التي يمكنك تطبيقها على أنظمة الألوان في محرر القوالب.
الإعدادالوصف
الخلفيةيتم تطبيق اللون على خلفية بعض الأقسام وعلى خلفية زر المخطط التفصيلي.
تدرج الخلفيةيتم تطبيق تدرج الألوان على خلفية بعض الأقسام. تحل تدرجات الخلفية محل الخلفية حيثما أمكن ذلك.
النصيتم تطبيق اللون على نص القسم أو الكتلة.
خلفية الزر بلون ثابتيتم تطبيق اللون على خلفية الزر الأساسي.
تسمية الزر بلون ثابتيتم تطبيق اللون على نص الزر الأساسي.
زر المخطط التفصيلييتم تطبيق اللون على نص وحدود الزر الثانوي.
الظليتم تطبيق اللون على الظلال.

إدارة نظام الألوان الخاص بك

يتم تعيين نظام الألوان وخيارات الألوان لمتجرك ضمن إعدادات القالب. بالنسبة للألوان الثابتة، استخدم أداة اختيار الألوان لتحديد لون جديد أو إدخال قيمة اللون في الحقل النصي. يقبل حقل اللون أسماء وقيم الألوان التالية:

  • أسماء الألوان مثل red، أو black، أو blue.
  • رموز ألوان RGB.
  • قيم الألوان السداسية العشرية.

الخطوات:

  1. من لوحة تحكم مسؤولي Shopify، انتقل إلى المتجر الإلكتروني > القوالب.

  2. انقر على تعديل القالب بجوار القالب الذي تريد تخصيصه.

  3. انقر على أيقونة settings، ثم انقر على الألوان.

  4. في قسم الأنظمة، انقر على نظام حالي أو انقر على إضافة نظام لإضافة نظام ألوان جديد.

  5. انقر على عينة اللون الخاصة بلون نوع المحتوى الذي تريد تغييره.

  6. لتعيين لونك، أدخل رمز لون سداسيًا عشريًا (hex) أو اختر اللون من أداة اختيار الألوان. لتعيين اللون إلى شفاف، احذف الرمز السداسي العشري من حقل النص.

  7. انقر على حفظ.

تطبيق نظام الألوان الخاص بك

بعد تحديد نظام الألوان في إعدادات القالب الخاص بك، يمكنك تعيين نظام ألوان باستخدام أداة اختيار نظام الألوان في الأقسام والكتل الخاصة بقالبك. تتوفر أداة اختيار نظام الألوان فقط في بعض الأقسام، والكتل، وإعدادات القالب العامة.

أداة اختيار نظام الألوان

التدرجات اللونية

يمكنك إعداد تدرج لوني في بعض القوالب للحصول على خيارات خلفية جذابة بصريًا. يُستخدم إعداد color_background لتخصيص خاصية خلفية CSS.

تتيح لك أداة اختيار التدرج اللوني تحديد الألوان، ونمط التدرج، والزاوية، والموضع، ومستوى الشفافية للتدرج اللوني. تُعرض الخيارات المحددة في أداة اختيار التدرج اللوني في الوقت الفعلي في محرر القوالب. يمكنك أيضًا إنشاء خلفية متدرجة باستخدام رمز CSS، والذي يتضمن أداة للتحقق من الصحة.

إعداد التدرجات اللونية

  1. من لوحة تحكم مسؤولي Shopify، انتقل إلى المتجر الإلكتروني > القوالب.

  2. انقر على تعديل القالب بجوار القالب الذي تريد تخصيصه.

  3. انقر على أيقونة settings، ثم انقر على الألوان.

  4. في قسم الأنظمة، انقر على نظام حالي تريد تعديله.

  5. انقر على خيار عينة لون التدرج اللوني، مثل تدرج الخلفية.

  6. إذا لم تقم بإعداد تدرج لوني مسبقًا، فستُعرض لك بعض الخيارات المحددة مسبقًا للاختيار من بينها. حدد أي تدرج لوني محدد مسبقًا لفتح لوحة الخيارات.

  7. حدد خيارات التدرج اللوني الخاص بك:

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

أداة اختيار التدرج اللوني في محرر القوالب

استخدام CSS لتعيين التدرجات اللونية

يمكن استخدام معظم قيم خاصية background في CSS لتعيين لون خلفية. يمكنك استخدام هذا الحقل للألوان الثابتة (على سبيل المثال، #000000، أو black، أو rgb(0,0,0,0)، أو rgba(0,0,0,0)، أو hsl(0, 0%, 0%)، أو hsla(0, 0%, 0%, 1) التي تُنتج جميعها خلفية سوداء ثابتة)، أو للتدرجات اللونية (على سبيل المثال، linear-gradient(red, green)، أو radial-gradient(red, green)، أو conic-gradient(red, green)). يمكن أيضًا تكرار التدرجات اللونية.

الخطوات:

  1. من لوحة تحكم مسؤولي Shopify، انتقل إلى المتجر الإلكتروني > القوالب.

  2. انقر على تعديل القالب بجوار القالب الذي تريد تخصيصه.

  3. انقر على أيقونة settings، ثم انقر على الألوان.

  4. في قسم الأنظمة، انقر على نظام حالي تريد تعديله.

  5. انقر على التدرج اللوني الذي تريد تعديله.

  6. انقر على السهم بجوار التدرج اللوني، ثم حدد CSS.

  7. في حقل رمز CSS، اكتب رمز التدرج اللوني الخاص بك أو الصقه. تعرض معاينة محرر القوالب التدرج اللوني الخاص بك في الموقع المناسب.

  8. انقر على حفظ.

حقل رمز CSS للتدرج اللوني في محرر القوالب

إزالة تدرج لوني

  1. من لوحة تحكم مسؤولي Shopify، انتقل إلى المتجر الإلكتروني > القوالب.

  2. انقر على تعديل القالب بجوار القالب الذي تريد تخصيصه.

  3. انقر على أيقونة settings، ثم انقر على الألوان.

  4. في قسم الأنظمة، انقر على نظام حالي تريد تعديله.

  5. انقر على التدرج اللوني الذي تريد إزالته.

  6. انقر على إزالة التدرج اللوني.

  7. انقر على حفظ.

الطباعة

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

فكّر في استخدام خطوط النظام في متجرك، حيث تكون خطوط النظام مثبتة بالفعل على جهاز كمبيوتر المستخدم. يُجنّبك استخدام خطوط النظام تنزيل خطوط جديدة على جهاز كمبيوتر عميلك، مما قد يؤثر سلبًا على سرعة تحميل متجرك. يعتمد الخط الذي يُعرض على كمبيوتر عميلك على نظام التشغيل الخاص به.

تخصيص أنواع الخطوط الخاصة بك

راجع مكتبة خطوط Shopify للحصول على قائمة بـ الخطوط المتاحة.

الخطوات:

سطح المكتب

  1. من لوحة تحكم مسؤولي Shopify، انتقل إلى المتجر الإلكتروني > القوالب.

  2. ابحث عن القالب الذي تريد تعديله، ثم انقر على تعديل القالب.

  3. انقر على أيقونة إعدادات القالب settings.

  4. انقر على الطباعة.

  5. لتغيير نوع الخط لعناوين متجرك أو النص الأساسي، انقر على تغيير في قسم العناوين أو النص الأساسي.

  6. انقر على اسم الخط الذي تريد استخدامه، ثم انقر على تحديد.

  7. انقر على حفظ.

الهاتف المحمول

  1. من تطبيق Shopify، اضغط على أيقونة Menu.

  2. في قسم قنوات المبيعات، اضغط على المتجر الإلكتروني.

  3. اضغط على إدارة جميع القوالب.

  4. ابحث عن القالب الذي تريد تعديله، ثم اضغط على تعديل القالب.

  5. اضغط على … أو ⋮، ثم اضغط على إعدادات القالب.

  6. اضغط على الطباعة.

  7. لتغيير نوع الخط لعناوين متجرك أو النص الأساسي، اضغط على تغيير في قسم العناوين أو النص الأساسي.

  8. اضغط على اسم الخط الذي تريد استخدامه، ثم اضغط على تم.

  9. اضغط على حفظ أو ✓.

تخصيص أحجام الخطوط الخاصة بك

يمكنك تعيين أحجام الخطوط الافتراضية للعناوين والنص الأساسي من خلال إعداد الطباعة في القالب.

الحد الأدنى لحجم الخط هو 100%، والحد الأقصى لحجم الخط هو 150%. كل زيادة في المقياس تزيد من حجم الخط بنسبة 5%. الإعداد الافتراضي هو 100%.

الخطوات:

سطح المكتب

  1. من لوحة تحكم مسؤولي Shopify، انتقل إلى المتجر الإلكتروني > القوالب.

  2. ابحث عن القالب الذي تريد تعديله، ثم انقر على تعديل القالب.

  3. انقر على أيقونة إعدادات القالب settings.

  4. انقر على الطباعة.

  5. لتغيير حجم الخط الافتراضي لنص العناوين، استخدم شريط التمرير لنطاق مقياس حجم الخط لتحديد حجم الخط الافتراضي.

  6. لتغيير حجم الخط الافتراضي لنص النص الأساسي، استخدم شريط التمرير لنطاق مقياس حجم الخط لتحديد حجم الخط الافتراضي.

  7. انقر على حفظ.

الهاتف المحمول

  1. من تطبيق Shopify، اضغط على أيقونة Menu.

  2. في قسم قنوات المبيعات، اضغط على المتجر الإلكتروني.

  3. اضغط على إدارة جميع القوالب.

  4. ابحث عن القالب الذي تريد تعديله، ثم اضغط على تعديل القالب.

  5. اضغط على … أو ⋮، ثم اضغط على إعدادات القالب.

  6. اضغط على الطباعة.

  7. لتغيير حجم الخط الافتراضي لنص العناوين، استخدم شريط التمرير لنطاق مقياس حجم الخط لتحديد حجم الخط الافتراضي.

  8. لتغيير حجم الخط الافتراضي لنص النص الأساسي، استخدم شريط التمرير لنطاق مقياس حجم الخط لتحديد حجم الخط الافتراضي.

  9. اضغط على حفظ أو ✓.

التخطيط

يمكنك تعيين الحد الأقصى للعرض الذي سيُعرض به متجرك الإلكتروني، وتعيين المسافة الرأسية والأفقية بين الأقسام.

الخطوات:

سطح المكتب

  1. من لوحة تحكم مسؤولي Shopify، انتقل إلى المتجر الإلكتروني > القوالب.

  2. ابحث عن القالب الذي تريد تعديله، ثم انقر على تعديل القالب.

  3. انقر على أيقونة إعدادات القالب settings.

  4. انقر على التخطيط.

  5. استخدم شريط تمرير نطاق عرض الصفحة لاختيار عرض صفحة يتراوح بين 1000 بكسل و1600 بكسل. الإعداد الافتراضي هو 1600 بكسل.

  6. اختياري: استخدم شريط التمرير للنطاق لإضافة مسافة رأسية بين أقسام القالب في صفحاتك. يمكنك إضافة ما يصل إلى 100 بكسل كحد أقصى بين الأقسام.

  7. اختياري: إذا كان لديك تخطيط شبكة، فاستخدم شريطي التمرير المسافة الأفقية والمسافة العمودية لإضافة مسافة بين محتوى الشبكة في صفحاتك. ستؤدي إضافة مسافة أفقية إلى إضافة مسافة بحد أقصى 40 بكسل إلى صفوف المحتوى في صفحاتك، بينما ستؤدي إضافة مسافة عمودية إلى إضافة مسافة بحد أقصى 40 بكسل إلى أعمدة المحتوى في صفحاتك.

  8. انقر على حفظ.

الهاتف المحمول

  1. من تطبيق Shopify، اضغط على أيقونة Menu.

  2. في قسم قنوات المبيعات، اضغط على المتجر الإلكتروني.

  3. اضغط على إدارة جميع القوالب.

  4. ابحث عن القالب الذي تريد تعديله، ثم اضغط على تعديل القالب.

  5. اضغط على … أو ⋮، ثم اضغط على إعدادات القالب.

  6. اضغط على التخطيط.

  7. استخدم شريط تمرير نطاق عرض الصفحة لاختيار عرض صفحة يتراوح بين 1000 بكسل و1600 بكسل. الإعداد الافتراضي هو 1600 بكسل.

  8. اختياري: استخدم شريط التمرير للنطاق لإضافة مسافة رأسية بين أقسام القالب في صفحاتك. يمكنك إضافة ما يصل إلى 100 بكسل كحد أقصى بين الأقسام.

  9. اختياري: إذا كان لديك تخطيط شبكة، فاستخدم شريطي التمرير المسافة الأفقية والمسافة العمودية لإضافة مسافة بين محتوى الشبكة في صفحاتك. ستؤدي إضافة مسافة أفقية إلى إضافة مسافة بحد أقصى 40 بكسل إلى صفوف المحتوى في صفحاتك، بينما ستؤدي إضافة مسافة عمودية إلى إضافة مسافة بحد أقصى 40 بكسل إلى أعمدة المحتوى في صفحاتك.

  10. اضغط على حفظ أو ✓.

الرسوم المتحركة

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

الخطوات:

سطح المكتب

  1. من لوحة تحكم مسؤولي Shopify، انتقل إلى المتجر الإلكتروني > القوالب.

  2. ابحث عن القالب الذي تريد تعديله، ثم انقر على تعديل القالب.

  3. انقر على أيقونة إعدادات القالب settings.

  4. انقر على الرسوم المتحركة.

  5. اختياري: لتفعيل حركة تعرض أقسام متجرك الإلكتروني عند التمرير، حدد إظهار الأقسام عند التمرير.

  6. اختياري: لإضافة حركة تأثير التمرير بالماوس إلى بطاقاتك وأزرارك، حدد أحد الخيارات التالية من إعداد تأثير التمرير بالماوس:

    • رفع عمودي: عندما يمرر العميل مؤشر الماوس فوق بطاقة أو زر، يتحرك العنصر لأعلى.
    • رفع ثلاثي الأبعاد: عندما يمرر العميل مؤشر الماوس فوق بطاقة أو زر، يتحرك العنصر للأمام، مما يمنحه تأثيرًا ثلاثي الأبعاد. يتميز هذا أيضًا بلمعان خفيف يتحرك عبر العنصر، مما يضفي عليه طبقة أخرى من البُعد.

  7. انقر على حفظ.

الهاتف المحمول

  1. من تطبيق Shopify، اضغط على أيقونة Menu.

  2. في قسم قنوات المبيعات، اضغط على المتجر الإلكتروني.

  3. اضغط على إدارة جميع القوالب.

  4. ابحث عن القالب الذي تريد تعديله، ثم اضغط على تعديل القالب.

  5. اضغط على … أو ⋮، ثم اضغط على إعدادات القالب.

  6. اضغط على الرسوم المتحركة.

  7. اختياري: لتفعيل حركة تعرض أقسام متجرك الإلكتروني عند التمرير، حدد إظهار الأقسام عند التمرير.

  8. اختياري: لإضافة حركة تأثير التمرير بالماوس إلى بطاقاتك وأزرارك، حدد أحد الخيارات التالية من إعداد تأثير التمرير بالماوس:

    • رفع عمودي: عندما يمرر العميل مؤشر الماوس فوق بطاقة أو زر، يتحرك العنصر لأعلى.
    • رفع ثلاثي الأبعاد: عندما يمرر العميل مؤشر الماوس فوق بطاقة أو زر، يتحرك العنصر للأمام، مما يمنحه تأثيرًا ثلاثي الأبعاد. يتميز هذا أيضًا بلمعان خفيف يتحرك عبر العنصر، مما يضفي عليه طبقة أخرى من البُعد.

  9. اضغط على حفظ أو ✓.

إعدادات تخصيص العناصر المرئية

يمكنك ضبط مظهر عناصر قالبك، مثل الأزرار، وبطاقات المنتجات، والمتغيرات من صفحة إعدادات القالب. يحتوي كل خيار على الإعدادات ذات الصلة لذلك العنصر.

يمكنك ضبط إعدادات العناصر التالية في قالبك:

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

الخطوات:

سطح المكتب

  1. من لوحة تحكم مسؤولي Shopify، انتقل إلى المتجر الإلكتروني > القوالب.

  2. انقر على تعديل القالب بجوار القالب الذي تريد تعديله.

  3. انقر على أيقونة الإعدادات.

  4. انقر على عنصر لفتح الإعدادات.

  5. اضبط أيًا من الإعدادات المتاحة. يمكنك مراجعة التغييرات من خلال الانتقال إلى مناطق مختلفة من قالبك في نافذة المعاينة.

  6. انقر على حفظ.

الهاتف المحمول

  1. من تطبيق Shopify، اضغط على أيقونة Menu.

  2. في قسم قنوات المبيعات، اضغط على المتجر الإلكتروني.

  3. اضغط على تعديل القالب بجوار القالب الذي تريد تعديله.

  4. اضغط على أيقونة الإعدادات.

  5. اضغط على عنصر لفتح الإعدادات.

  6. اضبط أيًا من الإعدادات المتاحة. يمكنك مراجعة التغييرات من خلال الانتقال إلى مناطق مختلفة من قالبك في نافذة المعاينة.

  7. اضغط على حفظ أو ✓.

وسائل التواصل الاجتماعي

يمكنك إضافة روابط لحساباتك على وسائل التواصل الاجتماعي تُعرض في تذييل متجرك الإلكتروني.

الخطوات:

سطح المكتب

  1. من لوحة تحكم مسؤولي Shopify، انتقل إلى المتجر الإلكتروني > القوالب.

  2. ابحث عن القالب الذي تريد تعديله، ثم انقر على تعديل القالب.

  3. انقر على أيقونة إعدادات القالب settings.

  4. انقر على وسائل التواصل الاجتماعي.

  5. لإضافة روابط لحسابات وسائل التواصل الاجتماعي الخاصة بك، أدخل عناوين المواقع الإلكترونية لحساباتك في حقول الحسابات الاجتماعية ذات الصلة. تحتاج إلى إدخال الروابط كاملة، مثل https://instagram.com/shopify أو https://tiktok.com/@shopify.

  6. انقر على حفظ.

الهاتف المحمول

  1. من تطبيق Shopify، اضغط على أيقونة Menu.

  2. في قسم قنوات المبيعات، اضغط على المتجر الإلكتروني.

  3. اضغط على إدارة جميع القوالب.

  4. ابحث عن القالب الذي تريد تعديله، ثم اضغط على تعديل القالب.

  5. اضغط على … أو ⋮، ثم اضغط على إعدادات القالب.

  6. اضغط على وسائل التواصل الاجتماعي.

  7. لإضافة روابط لحسابات وسائل التواصل الاجتماعي الخاصة بك، أدخل عناوين المواقع الإلكترونية لحساباتك في حقول الحسابات الاجتماعية ذات الصلة. تحتاج إلى إدخال الروابط كاملة، مثل https://instagram.com/shopify أو https://tiktok.com/@shopify.

  8. اضغط على حفظ أو ✓.

سلوك البحث

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

لمعرفة المزيد حول كيفية عمل اقتراحات البحث، راجع البحث التنبؤي.

يمكنك تخصيص كيفية عرض اقتراحات البحث لعملائك.

الخطوات:

سطح المكتب

  1. من لوحة تحكم مسؤولي Shopify، انتقل إلى المتجر الإلكتروني > القوالب.

  2. ابحث عن القالب الذي تريد تعديله، ثم انقر على تعديل القالب.

  3. انقر على أيقونة إعدادات القالب settings.

  4. انقر على سلوك البحث.

  5. لتفعيل اقتراحات البحث أو إلغاء تفعيلها، حدد تفعيل اقتراحات البحث أو قم بإلغاء تحديده.

  6. اختياري: لعرض مورّد المنتج في اقتراحات البحث أو إخفائه، حدد إظهار مورّد المنتج أو قم بإلغاء تحديده.

  7. اختياري: لعرض سعر المنتج في اقتراحات البحث أو إخفائه، حدد إظهار سعر المنتج أو قم بإلغاء تحديده.

  8. انقر على حفظ.

الهاتف المحمول

  1. من تطبيق Shopify، اضغط على أيقونة Menu.

  2. في قسم قنوات المبيعات، اضغط على المتجر الإلكتروني.

  3. اضغط على إدارة جميع القوالب.

  4. ابحث عن القالب الذي تريد تعديله، ثم اضغط على تعديل القالب.

  5. اضغط على … أو ⋮، ثم اضغط على إعدادات القالب.

  6. اضغط على سلوك البحث.

  7. لتفعيل اقتراحات البحث أو إلغاء تفعيلها، حدد تفعيل اقتراحات البحث أو قم بإلغاء تحديده.

  8. اختياري: لعرض مورّد المنتج في اقتراحات البحث أو إخفائه، حدد إظهار مورّد المنتج أو قم بإلغاء تحديده.

  9. اختياري: لعرض سعر المنتج في اقتراحات البحث أو إخفائه، حدد إظهار سعر المنتج أو قم بإلغاء تحديده.

  10. اضغط على حفظ أو ✓.

تنسيق العملة

يمكنك اختيار عرض رمز العملة مع الأسعار على منتجاتك.

الخطوات:

سطح المكتب

  1. من لوحة تحكم مسؤولي Shopify، انتقل إلى المتجر الإلكتروني > القوالب.

  2. ابحث عن القالب الذي تريد تعديله، ثم انقر على تعديل القالب.

  3. انقر على أيقونة إعدادات القالب settings.

  4. انقر على تنسيق العملة.

  5. لعرض رموز العملات، حدد إظهار رموز العملات.

  6. انقر على حفظ.

الهاتف المحمول

  1. من تطبيق Shopify، اضغط على أيقونة Menu.

  2. في قسم قنوات المبيعات، اضغط على المتجر الإلكتروني.

  3. اضغط على إدارة جميع القوالب.

  4. ابحث عن القالب الذي تريد تعديله، ثم اضغط على تعديل القالب.

  5. اضغط على … أو ⋮، ثم اضغط على إعدادات القالب.

  6. اضغط على تنسيق العملة.

  7. لعرض رموز العملات، حدد إظهار رموز العملات.

  8. اضغط على حفظ أو ✓.

سلة التسوق

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

الخطوات:

سطح المكتب

  1. من لوحة تحكم مسؤولي Shopify، انتقل إلى المتجر الإلكتروني > القوالب.

  2. ابحث عن القالب الذي تريد تعديله، ثم انقر على تعديل القالب.

  3. انقر على أيقونة إعدادات القالب settings.

  4. انقر على سلة التسوق.

  5. استخدم القائمة المنسدلة نوع سلة التسوق لتحديد نمط سلة التسوق: درج، أو صفحة، أو إشعار منبثق.

  6. اختياري: لعرض مورّدي العناصر الموجودة في سلة تسوق العميل، حدد إظهار المورّد.

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

  8. اختياري: إذا حددت درج كـ نوع سلة التسوق، فيمكنك عرض مجموعة في درج سلة التسوق عندما يكون فارغًا:

    1. في قسم درج سلة التسوق، انقر على تحديد مجموعة.
    2. انقر على اسم المجموعة التي ترغب في عرضها، ثم انقر على تحديد.

  9. اختياري: إذا حددت درج كـ نوع سلة التسوق، فيمكنك تغيير نظام الألوان لدرج سلة التسوق باتباع الخطوات التالية:

    1. في قسم درج سلة التسوق > نظام الألوان، انقر على تغيير.
    2. حدد نظام الألوان الذي ترغب في استخدامه لدرج سلة التسوق.

  10. انقر على حفظ.

الهاتف المحمول

  1. من تطبيق Shopify، اضغط على أيقونة Menu.

  2. في قسم قنوات المبيعات، اضغط على المتجر الإلكتروني.

  3. اضغط على إدارة جميع القوالب.

  4. ابحث عن القالب الذي تريد تعديله، ثم اضغط على تعديل القالب.

  5. اضغط على … أو ⋮، ثم اضغط على إعدادات القالب.

  6. اضغط على سلة التسوق.

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

  8. اختياري: لعرض مورّدي العناصر الموجودة في سلة تسوق العميل، حدد إظهار المورّد.

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

  10. اختياري: إذا حددت درج كـ نوع سلة التسوق، فيمكنك عرض مجموعة في درج سلة التسوق عندما يكون فارغًا:

    1. في قسم درج سلة التسوق، اضغط على تحديد مجموعة.
    2. اضغط على اسم المجموعة التي ترغب في عرضها، ثم اضغط على تم.

  11. اختياري: إذا حددت درج كـ نوع سلة التسوق، فيمكنك تغيير نظام الألوان لدرج سلة التسوق باتباع الخطوات التالية:

    1. في قسم درج سلة التسوق > نظام الألوان، اضغط على تغيير.
    2. حدد نظام الألوان الذي ترغب في استخدامه لدرج سلة التسوق، ثم اضغط على تم.

  12. اضغط على حفظ أو ✓.

CSS مخصص

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

يؤثر CSS المخصص في إعدادات القالب على جميع صفحات متجرك الإلكتروني، باستثناء صفحة الدفع.

تعرف على المزيد حول إضافة CSS مخصص إلى قالبك.

نمط القالب

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

عندما تقوم بتخصيص قالب، فإنك تستبدل إعدادات نمط القالب بإعداداتك الخاصة. وعندما تطبق نمط قالب على قالبك، فإنك تغيّر إعداداتك الحالية، مثل الألوان والخطوط.

الخطوات:

سطح المكتب

  1. من لوحة تحكم مسؤولي Shopify، انتقل إلى المتجر الإلكتروني > القوالب.

  2. ابحث عن القالب الذي تريد تعديله، ثم انقر على تعديل القالب.

  3. انقر على أيقونة إعدادات القالب settings.

  4. انقر على نمط القالب.

  5. حدد نمط القالب الذي ترغب في استخدامه، ثم انقر على تغيير النمط.

  6. انقر على حفظ.

الهاتف المحمول

  1. من تطبيق Shopify، اضغط على أيقونة Menu.

  2. في قسم قنوات المبيعات، اضغط على المتجر الإلكتروني.

  3. اضغط على إدارة جميع القوالب.

  4. ابحث عن القالب الذي تريد تعديله، ثم اضغط على تعديل القالب.

  5. اضغط على … أو ⋮، ثم اضغط على إعدادات القالب.

  6. اضغط على نمط القالب.

  7. حدد نمط القالب الذي ترغب في استخدامه، ثم اضغط على تم.

  8. اضغط على حفظ أو ✓.