تعديل الصفحات الافتراضية بقالب المتجر الإلكتروني
بعض صفحات وأقسام القالب تعرض بيانات تتغير تلقائيًا، مثل المنتجات والتصنيفات والسلة والشعار، وتُسمى الصفحات البرمجية. هذه الصفحات لا تظهر في قائمة صفحات المحتوى العادية ولا تُعدَّل بالمحرر المرئي، بل تُعدَّل بكود HTML من شاشة خاصة. يشرح هذا المقال طريقة الوصول إليها وتعديلها، والمتغيرات التي يجب الإبقاء عليها، وكيفية إضافة أكواد التتبع.
🛈
ملاحظة: تحتاج إلى صلاحيتي إدارة محتوى المتجر الإلكترونى وتعديل الإعدادات العامه معًا لفتح هذه الشاشة. يمكنك مراجعة صلاحيات كل دور من الأدوار الوظيفية.
⚠
تنبيه: تعديل هذه الصفحات يتطلب معرفة بـ HTML. أي خطأ في الكود قد يُفسد شكل المتجر أو يعطّل الشراء، ولا يتحقق النظام من صحة الكود قبل الحفظ. انسخ الكود الأصلي في ملف على جهازك قبل أي تعديل.
محتويات المقال
طريقة الوصول
- الرابط المباشر: الصفحات البرمجية للقالب.
- من القائمة: اضغط على المتجر الإلكترونى، ثم الإعدادات، ثم قالب الموقع، ثم اضغط على الإعدادات أسفل القالب الذي يحمل شارة نشط.
الخطوات
- افتح قالب الموقع.
- اضغط على الإعدادات أسفل القالب النشط. تظهر قائمة الصفحات البرمجية.
- اضغط على ⋯ بجوار الصفحة، ثم إدارة. يُفتح محرر الكود وعنوانه اسم الصفحة ورقمها.
- عدّل الكود.
- اضغط على حفظ. تعود إلى القائمة وتظهر رسالة تم تحديث محتوى بنجاح.
الصفحات البرمجية
هذه الصفحات الافتراضية عند تفعيل المتجر. قد تختلف حسب القالب المطبّق:
| الصفحة | المعرف | النوع | ما تتحكم فيه |
|---|---|---|---|
| Header Section | header | مقطع | رأس كل الصفحات: وسم <head> (عنوان التبويب، أيقونة المتصفح، ملفات التصميم)، والشعار، والبحث، والقائمة، والسلة، وأزرار الدخول. |
| Home Page | home | صفحة | الصفحة الرئيسية: السلايدر، والتصنيفات، والمنتجات المميزة، وقسم المحتوى الحر. |
| List Products Page | list_products | صفحة | قائمة المنتجات ونتائج البحث وصفحات التصنيفات. |
| Product View Page | view_product | صفحة | صفحة المنتج. |
| Register Page | register | صفحة | صفحة تسجيل العملاء. |
| Login Page | login | صفحة | صفحة تسجيل الدخول. |
| Order Summary | order_summary | صفحة | ملخص الطلب واختيار خيار الشحن. |
| Checkout Page | checkout | صفحة | صفحة الدفع. |
| View Cart Section | cart | مقطع | السلة الجانبية. |
| Gallery Section | gallery | مقطع | سلايدر الصور. |
| Categories Section | category | مقطع | قسم التصنيفات. |
| Featured Products Section | featured_products | مقطع | قسم المنتجات المميزة. |
| UnitType Filter / Unit Types / Reservation Summary | unit_type_filter / unit_type_list / reservation_summary | صفحة | صفحات الحجز والتأجير. |
🛈
ملاحظة: الفوتر، وصفحة اتصل بنا، وصفحة الشكر، وصفحة الخطأ، وقسم المحتوى الحر (Site Content Section)، والصفحات التي تنشئها بنفسك، تُعدَّل بالمحرر المرئي من إدارة صفحات المحتوي وليس من هنا.
المتغيرات داخل الكود
تحتوي الصفحات على متغيرات بين قوسين مزدوجين يملؤها النظام تلقائيًا. احتفظ بها كما هي، وإذا حذفت متغيرًا يختفي ما يعرضه:
| المتغير | ما يعرضه |
|---|---|
| {{logo}} | رابط شعار النشاط من إعدادات الحساب. |
| {{siteName}} | اسم النشاط التجاري. يظهر مكان الشعار إن لم يكن هناك شعار. |
| {{page_title}} | عنوان تبويب المتصفح بالشكل «اسم النشاط | اسم الصفحة». |
| {{#menuItems}} … {{/menuItems}} | عناصر القائمة الرئيسية. |
| {{gallery:Media.listing(1)}} | سلايدر صور معرض الصور الرئيسي. |
| {{category:Category.get_product_categories()}} | قسم التصنيفات الرئيسية بصورها. |
| {{featured_products:Product.getFeatured()}} | قسم المنتجات المميزة. |
| {{cart:Cart.empty()}} | السلة الجانبية. |
| {{site_content:Content.empty()}} | قسم المحتوى الحر. |
| {{Site_Full_name_NoSpace}} | اسم المنصة، ويُستخدم في رابط أيقونة المتصفح الافتراضية. |
إضافة أكواد التتبع ووسوم SEO
لا توجد في المتجر حقول إعدادات لـ Google Analytics أو Facebook Pixel أو وسوم الوصف (meta). لإضافتها:
- افتح الصفحات البرمجية للقالب واضغط على إدارة بجوار Header Section.
- الصق الكود داخل وسم <head>، قبل </head>.
- اضغط على حفظ.
💡
نصيحة: يظهر الهيدر في كل صفحات المتجر، لذلك يعمل الكود في كل الصفحات.
القواعد والقيود
- تُفتح بمحرر الكود الصفحات البرمجية فقط. إذا فتحت رابط محرر الكود لصفحة عادية تعود إلى قائمة المحتوى برسالة «Content Editing Failed».
- لا يمكن حذف الصفحات البرمجية، ولا يظهر لها زر حذف.
- لا توجد مراجعة لصحة الكود، ويُقبل الحفظ حتى لو كان المحرر فارغًا، فلا تحفظ صفحة فارغة.
- لا يوجد سجل تعديلات أو نسخ سابقة للصفحات؛ احتفظ بنسختك قبل التعديل.
- لاستعادة الصفحات كما كانت اضغط على إعادة تطبيق في قالب الموقع، مع العلم أن ذلك يحذف كل المحتوى والقائمة وصور السلايدر.
رسائل الخطأ وحلولها
| السبب | الرسالة | الحل |
|---|---|---|
| فتحت محرر الكود لصفحة ليست برمجية، أو لصفحة محذوفة. | Content Editing Failed | افتح الصفحة من الصفحات البرمجية للقالب، أو عدّلها بالمحرر المرئي من إدارة صفحات المحتوي. |
| فشل الحفظ. | فشل تعديل المحتوى | أعد المحاولة. |
| دورك لا يتضمن الصلاحية المطلوبة. | لا يسمح لك بالدخول إلى هذه الصفحة | اطلب من مالك الحساب إضافة الصلاحية من الأدوار الوظيفية. |
الأثر على النظام
- يظهر التعديل في المتجر فورًا لكل الزوار.
- تطبيق قالب آخر أو إعادة تطبيق القالب يلغي كل تعديلاتك على هذه الصفحات.
أسئلة شائعة
كيف أترجم عبارات مثل Add to Cart وPlace Order إلى العربية؟
هذه العبارات مكتوبة داخل كود الصفحات البرمجية. افتح الصفحة التي تظهر فيها العبارة من الصفحات البرمجية للقالب، واستبدل النص الإنجليزي بالعربي، ثم احفظ. لا تغيّر المتغيرات بين القوسين المزدوجين.
كيف أغيّر عنوان تبويب المتصفح؟
العنوان هو «اسم النشاط | اسم الصفحة». يتغير اسم النشاط من إعدادات الحساب، وتغيير صيغة العنوان يكون بتعديل وسم <title> في Header Section.
أين أجد الصفحات البرمجية؟
فقط من زر الإعدادات أسفل القالب النشط، أو من الرابط الصفحات البرمجية للقالب. لا يوجد زر لها في قائمة صفحات المحتوى.
أفسدت الكود ولم أحتفظ بنسخة. ماذا أفعل؟
اضغط على إعادة تطبيق للقالب النشط لاستعادة الصفحات الأصلية، مع العلم أن ذلك يحذف كل المحتوى والقائمة وصور السلايدر.