تخصيص تصميم المتجر

تاريخ اخر تحديث: .

كيف يؤدي تحسين مظهر متجرك الإلكتروني إلى تعزيز تجربة العميل؟!

في هذه المقالة خطوات مفصلة وأدوات لتخصيص تصميم الثيم وعناصر الصفحة الرئيسية والقوائم وغيرها من أدوات تحسن تصميم متجرك بشكل فعّال.


خطوات تخصيص تصميم المتجر:

1. من القائمة الجانبية للوحة التحكم، اضغط (تصميم المتجر).

 

2. لتخصيص مظهر وتصميم نسخة الثيم، من صفحة تصميم المتجر، من قائمة التحكم بالثيم المطلوب، اضغط (تخصيص النسخة).


3. تظهر صفحة تخصيص الثيم، وتحتوي على قائمة خيارات وأوامر للتحكم بتصميم الثيم.



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

سنتناول الإجابة عن الأسئلة التالية:

  1. هل يمكنني معاينة كيف سيبدو الثيم على المتصفح والجوال؟
  2. هل يمكنني رفع صور متحركة (GIF) في تصميم المتجر؟
  3. كيف يمكنني تغيير لون وخط المتجر؟
  4. كيف يمكنني تخصيص عناصر الصفحة الرئيسية؟
  5. كيف ستبدو عناصر الصفحة الرئيسية بعد تخصيصها؟
  6. تظهر رسالة "إجراء تغييرات هنا سينعكس تلقائياً على جميع الثيمات" عند تخصيص بعض العناصر، ما معناها؟
  7. كيف يمكنني تخصيص قوائم المتجر؟
  8. هل يمكنني تخصيص تصميم المتجر باستخدام CSS؟


هل يمكنني معاينة كيف سيبدو الثيم على الكمبيوتر والجوال؟

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


هل يمكنني رفع صور متحركة (GIF) في تصميم المتجر؟

نعم، يمكنك رفع صور متحركة بصيغة GIF عند تخصيص الثيم ضمن عناصر ثيمات سلة.


كيف يمكنني تغيير لون وخط المتجر؟

لتغيير لون وخط المتجر بالإضافة للتحكم بخيارات أخرى، من صفحة تخصيص التصميم اضغط (خيارات التصميم).


فتظهر صفحة خيارات التصميم بالشكل:


ولتغيير لون المتجر، اختر درجة اللون المطلوب من القائمة، ثم اضغط (حفظ).


لتغيير شكل الخط، اختر من قائمة الخطوط المتاحة الخط الذي يناسب هوية متجرك.


وعند تفعيل (عرض زر الكل في الصفحة الرئيسية

سيظهر زر (عرض الكل) في أعلى يسار كل مجموعة من تصنيفات المنتجات.


كيف يمكنني تخصيص عناصر الصفحة الرئيسية؟

 من صفحة تخصيص التصميم اضغط (عناصر الصفحة الرئيسية).


من صفحة عناصر الصفحة الرئيسية، حدد طريقة عرض الصفحة.


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

ولتخصيص محتويات الصفحة الرئيسية، اختر (العرض المخصص)، ثم..

1. اضغط (إضافة عنصر جديد).


2. اضغط على العنصر الذي تريد إضافته للصفحة الرئيسية. على سبيل المثال (آراء العملاء).


3. خصص طريقة عرض العنصر حسب الإمكانيات المتاحة للتحكم به، ثم اضغط (حفظ التغييرات).


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


5. لتعديل أي عنصر من العناصر، اضغط على اسم العنصر أو زر التعديل على يسار العنصر.

بعد تعديل خصائص العنصر اضغط (حفظ التغييرات).


6. لحذف أي عنصر، اضغط زر الحذف على يسار العنصر.


لمزيد من التفاصيل حول تخصيص عناصر الصفحة الرئيسية


الثيمات التي تحتوي عناصر جديدة محسنة موسومة بنجمة، مثل:


لن تتأثر بأي تخصيص للعناصر غير المحسنة من نفس الاسم. مثال: لن تتأثر الثيمات التي تحتوي (بنر عريض محسن) بالتخصيص الحاصل في أي ثيم على عنصر (بانر عريض).



كيف يمكنني تخصيص قوائم المتجر؟

1. من صفحة تخصيص التصميم اضغط (عناصر الصفحة الرئيسية).


2. من صفحة تخصيص قوائم المتجر، حدد القائمة التي تريد تخصيصها:

- تخصيص قائمة رأس الصفحة

- تخصيص قائمة ذيل الصفحة


3. حدد نوع القائمة (افتراضي، مخصص).



افتراضي: سيعرض الخيار الأفتراضي في القائمة الرئيسية للمتجر (صفحات - تصنيفات)

مخصص: سيعرض العناصر المخصصة التي تُضيفها للقائمة (رابط خارجي - تصنيف - ماركة - صفحة تعريفية - ..).


4. في حال اخترت (مخصص)، اضغط (إضافة عنصر جديد).


5. حدد نوع العنصر الذي تريد إضافته.


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


هل يمكنني تخصيص تصميم المتجر باستخدام CSS؟

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

1. من صفحة تخصيص التصميم اضغط (تخصيص التصميم). 

2. ثم حدد نوع الكود الذي تريد إضافته.

3. ألصق الكود الذي تريد إضافته، ثم اضغط (حفظ التغييرات).


لمزيد من التفاصيل حول دليلك المبسط لتصميم متجرك باستخدام CSS


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