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

هذا التطبيق عبارة عن محرر متقدم يمكنك من تخصيص صفحات المنتجات بكل سهولة باستخدام قوالب HTML وبدون الحاجة الي خبرة بالأكواد.
 
سنحتاج أولا لتفعيل التطبيق والضغط على زر حفظ بعد فتح صفحة التطبيق من خلال "التطبيقات الخدمات":
Screenshot_230.png
بعد ذلك يمكننا فتح أي صفحة منتج لإستخدام التطبيق:
Screenshot_231.png
بعد فتح صفحة المنتج، سنضغط على زر "بناء صفحة المنتج":
Screenshot_232.png
ستظهر الصفحة التالية، يجب تفعيل هذا الزر حتى يتم ظهور الشكل الجديد الذي ستقوم بإنشاؤه وحفظه:
Screenshot_233.png
سنشرح القائمة التالية بشكل مختصر:
Screenshot_234.png
1- لإختيار لغة الصفحة
2- لحفظ التغييرات التي قمت بها على صفحة المنتج
3- لإستيراد أو إدراج صفحة من خلال رابطها
4- لحذف الصفحة بالكامل
5- لإستيراد أو كتابة  HTML/CSS
6- لإرجاع آخر تغيير قمنا بالعدول عنه
7- للعدول عن آخر تغيير
8- لتنزيل أو إستخراج الكود بصيغة HTML/CSS في ملف ZIP
9- لجعل صفحة التعديل أو التحرير على وضع الشاشة الكاملة
10- لمراجعة ورؤية شكل الصفحة على واجهة المتجر
11- لإظهار خطوط القوالب الداخلية/العناصر بدلا من الضغط على العنصر لإظهار خطوطه.
 
Open Style Manager:
من رمز الفرشة يمكنك التعديل على أي عنصر بعض الضغط عليه مثل الأبعاد وشكل الكتابة وأكثر من ذلك من خلال الأدوات الموضحة بأسفل الفرشة
Screenshot_237.png
على سبيل المثال يمكنك تغيير مكان العنصر ومحتواه من خلال ضبط الإعدادات التالية:
Screenshot_238.png
أما الأبعاد يمكن ضبطها كالآتي:
Screenshot_239.png
 
لتعديل الكتابة باخل العنصر سنستخدم قسم الTypography:
Screenshot_240.png
لمراجعة التغييرات بعد الحفظ يمكنك الضغط على الزر الآتي كما هو موضح من قبل:
Screenshot_242.png
سيمكنك رؤية التعديلات على واجهة المتجر:
Screenshot_243.png
 
Open Layer Manager:
من خلال تلك الأداه يمكنك التحكم في ترتيب العناصر وطبقاتها كما هو موضح في الصورة التالية بدلا من الضغط على العنصر وتحريكه:
Screenshot_237.png
 
Open Blocks:
في هذه القائمة لديك أربع خيارات تحتوي على عناصر يمكنك إدراجها بالضغط عليها وسحبها لصفحة التحرير:
Screenshot_228.png
 
لمراجعة شكل الصفحة أثناء التعديل على الأجهزة الأخرى مثل الهاتف والتابلت يمكنك الضغط على هذه الأزرة: 
Screenshot_248.png

التعليقات

مقاطع الفيديو ذات الصلة