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

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




سنحتاج أولا لتفعيل التطبيق والضغط على زر حفظ بعد فتح صفحة التطبيق من خلال "التطبيقات الخدمات":

بعد ذلك يمكننا فتح أي صفحة منتج لإستخدام التطبيق:

بعد فتح صفحة المنتج، سنضغط على زر "بناء صفحة المنتج":

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

سنشرح القائمة التالية بشكل مختصر:

1- لإختيار لغة الصفحة

2- لحفظ التغييرات التي قمت بها على صفحة المنتج

3- لإستيراد أو إدراج صفحة من خلال رابطها

4- لحذف الصفحة بالكامل

5- لإستيراد أو كتابة  HTML/CSS

6- لإرجاع آخر تغيير قمنا بالعدول عنه

7- للعدول عن آخر تغيير

8- لتنزيل أو إستخراج الكود بصيغة HTML/CSS في ملف ZIP

9- لجعل صفحة التعديل أو التحرير على وضع الشاشة الكاملة

10- لمراجعة ورؤية شكل الصفحة على واجهة المتجر

11- لإظهار خطوط القوالب الداخلية/العناصر بدلا من الضغط على العنصر لإظهار خطوطه.




Open Style Manager:

من رمز الفرشة يمكنك التعديل على أي عنصر بعض الضغط عليه مثل الأبعاد وشكل الكتابة وأكثر من ذلك من خلال الأدوات الموضحة بأسفل الفرشة:

على سبيل المثال يمكنك تغيير مكان العنصر ومحتواه من خلال ضبط الإعدادات التالية:

أما الأبعاد يمكن ضبطها كالآتي:




لتعديل الكتابة باخل العنصر سنستخدم قسم الTypography:

لمراجعة التغييرات بعد الحفظ يمكنك الضغط على الزر الآتي كما هو موضح من قبل:

سيمكنك رؤية التعديلات على واجهة المتجر:




Open Layer Manager:

من خلال تلك الأداه يمكنك التحكم في ترتيب العناصر وطبقاتها كما هو موضح في الصورة التالية بدلا من الضغط على العنصر وتحريكه:




Open Blocks:

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




لمراجعة شكل الصفحة أثناء التعديل على الأجهزة الأخرى مثل الهاتف والتابلت يمكنك الضغط على هذه الأزرة:

تحديث في: 09/12/2022

هل كانت هذه المقالة مفيدة؟

شارك بتعليقاتك

إلغاء

شكرًا!