تصميم الواجهة ديال المتجر

1. تصميم الواجهة ديال المتجر

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

2. الكمبيوتر ولا التليفون

   بدّل المعاينة بين العرض ديال الكمبيوتر وبين الإطار ديال التليفون. إلا اخترتي التليفون كيتحل حتى تاب ديال الموبايل، فين كتختار الستايل ديال البار لتحت فالموبايل.

3. عاود تحميل المعاينة

   كيعيد تحميل صفحة المعاينة. التغييرات اللي ما تحفضوش كيتصيفطو لها مرة أخرى، وما كيضيع والو.

4. تراجع على آخر حفظ

   منين كتأكّد، الألوان، الخط، الزوايا المدورة، الديزاين واللايآوت كيولّيو كيف ما كانو قبل آخر حفظ. السكسيونات والمحتوى ما كيتأثروش، وتشغيلها مرة أخرى كيعيد التغيير.

5. تراجع

   كيهرّج خطوة بخطوة اللور فالتعديلات اللي ما تتحفظاتش، حتى لـ 40 خطوة. Ctrl+Z ولا Cmd+Z كيديرو نفس الشي إلا ما كنتيش ككتب فشي خانة.

6. حفظ

   كيينشر كُلشي اللي بدّلتي فجمع التابات دفعة وحدة. قبل ما تحفظ، التعديلات كيبقاو غير فهاد المحرّر والمعاينة ديالو.

7. خبّي لوحة الأدوات

   كيخبي لوحة الإعدادات وشريط الأيقونات باش المعاينة تولّي بعرض كامل. ضغط عليه مرة أخرى باش ترجعهم.

8. معاينة حيّة

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

9. لوحة الأدوات

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

10. تاب ديال الديزاين

    اللوك ديال المتجر ديالك: ثيمات الموقع الجاهزة، Look Kit، ثيمات اللايآوت، وضع هيكلة الصفحة والقوالب، الثيمات المسبقة، الألوان، الفونطات، الزوايا والبوتونات، سيستم الألوان الفاتح والداكن، ومجموعات الديزاين. تطبيق شي ثيم ديال الموقع ولا Design set كيتطبّق دابا.

11. تاب ديال المحتوى

    بدّل النصوص الجاهزة ديال الثيم بالنصوص ديالك، بحال Hero، Call to action، Trust strip و Feature cards؛ الخانات الخاوية كترجع للديفو ديال الثيم. الليست ديال السكسيونات فاليسر كتختار منها سكسيون، كتخبيه بالعين وكتعاود ترتيب المجموعات ديال الخدمات ديالك.

12. Header و Footer

    نسّق الهيدر (اللاياوت، بلاصة اللوغو، ستايل المينيو، header ثابت، زر ديال الهيدر وروابط المينيو ديالك، dropdowns ولا mega panels)، والفوتر (الستايل، الكولونات، الروابط الاجتماعية والنص ديال حقوق النشر) وبار ديال الإعلان.

13. المساعد

    ركّب المساعد ديال المساعدة فواجهة المتجر ديالك: شعلو، حدّد العنوان، التحية واللون، زيد روابط سريعة وفيديو ديال جولة فالمنتج، وبيّن الأقسام والفريق ديالك. المساعد AI كتشكّلو فصفحة بوحدها.

14. الموبايل

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

15. البراند / PWA

    سمية المتجر والوصف ديالو، واش المتجر منشور، اللوغوهات والفافيكون فاتحين وكحلين، إعدادات ديال add-to-home-screen (PWA)، الثيم ديال لوحة الزبون، وفالباقات اللي كاتسمح، إخفاء الإشارة للمنصة.