إعدادات عامة وأكواد مخصصة
في هذه الصفحة 8
خيارات تشمل المتجر بالكامل، مثل زر العودة إلى الأعلى، وحماية المحتوى، وأيقونة تبويب المتصفح، وشاشة التحميل، ومكان لإضافة أكوادك الخاصة. تجدها في محرر الثيم ضمن تخطيط الصفحة ← إعدادات عامة، وتخطيط الصفحة ← أيقونة الموقع (Favicon)، وتخطيط الصفحة ← شاشة التحميل (Preloader)، وتخطيط الصفحة ← أكواد مخصصة (CSS / JS).
إعدادات عامة
- إخفاء زر برنامج الولاء (المكافآت) - عند تفعيل برنامج الولاء من لوحة تحكم زد، يعرض الثيم زر “المكافآت” عائماً يطّلع منه المتسوقون على طرق استبدال نقاطهم. فعّل هذا الخيار لإخفاء ذلك الزر. لا تأثير له إذا كان برنامج الولاء غير مفعّل.
- إظهار زر العودة إلى الأعلى - يعرض زراً دائرياً في الزاوية السفلية من الشاشة (على اليمين في العربية، وعلى اليسار في الإنجليزية) بمجرد أن ينزل الزائر قليلاً في الصفحة. تمتلئ حلقة حول الزر أثناء التمرير، والنقر عليه يعيد الزائر بسلاسة إلى أعلى الصفحة. يرتفع الزر تلقائياً ليبتعد عن الأزرار العائمة الأخرى والأشرطة السفلية.
- شكل زر العودة إلى الأعلى - ما يظهر داخل الزر: سهم للأعلى، أو النسبة المئوية (مقدار ما قطعه الزائر من الصفحة، مثل 45%). يظهر فقط عند تفعيل إظهار زر العودة إلى الأعلى.
- حماية محتوى المتجر - عند التفعيل، لا يستطيع الزوار استخدام النقر بالزر الأيمن، أو تحديد النصوص ونسخها، أو سحب الصور، أو استخدام اختصار حفظ الصفحة، مما يصعّب نسخ صور منتجاتك وأوصافها. تبقى الكتابة في مربعات البحث والنماذج تعمل بشكل طبيعي. يحدّ هذا الخيار من النسخ العابر، لكنه لا يمنع الشخص المصمم تماماً.
- عدم فتح سلة التسوق تلقائياً عند الإضافة - عادةً تنفتح السلة من جانب الشاشة عندما يضيف المتسوق منتجاً. عند تفعيل هذا الخيار يتحدّث عدد المنتجات على أيقونة السلة فقط، ويبقى المتسوق في مكانه.
- إخفاء المنتجات غير المتوفرة - يخفي بطاقات المنتجات النافدة من المخزون في قوائم المنتجات وأقسام الصفحة الرئيسية.
- تفعيل شكل مخصص لشريط التمرير - يمنح شريط التمرير في الصفحة شكلاً نحيفاً بحواف مستديرة وباللون الذي تختاره.
- مصدر لون شريط التمرير - “اللون الأساسي” يستخدم اللون الأساسي لمتجرك، و“لون مخصص” يستخدم اللون الذي تختاره أدناه. يظهر فقط عند تفعيل شكل مخصص لشريط التمرير.
- لون شريط التمرير المخصص - لون شريط التمرير. يظهر فقط عند اختيار “لون مخصص” في مصدر لون شريط التمرير. إذا تُرك فارغاً يُستخدم اللون الأساسي.
أيقونة الموقع (Favicon)
- أيقونة الموقع - الأيقونة الصغيرة التي تظهر في تبويب المتصفح بجانب عنوان الصفحة، وفي المفضلة، وعندما يضيف المتسوق متجرك إلى الشاشة الرئيسية في جواله. الأفضل استخدام صورة مربعة بسيطة، مثل رمز شعارك. إذا تُركت فارغة لا يضيف الثيم أيقونة خاصة به.
شاشة التحميل (Preloader)
شاشة تحميل تغطي الصفحة بالكامل وتعرض شعارك أثناء تحميل الصفحة، ثم تنسحب ليظهر متجرك بطريقة تختلف حسب النمط الذي تختاره. تختفي بعد وقت قصير من اكتمال تحميل الصفحة، ولا تبقى أكثر من بضع ثوانٍ. باستثناء تفعيل شاشة التحميل، لا تظهر هذه الإعدادات إلا بعد تفعيلها.
- تفعيل شاشة التحميل - يشغّل شاشة التحميل.
- نمط شاشة التحميل - شكل شاشة التحميل وحركتها. “الافتراضي (شعار وشريط تقدم)” يعرض شعارك مع خط تقدم رفيع أسفله، ثم تختفي الشاشة تدريجياً. “حلقة دوّارة” تضيف حلقة رفيعة تدور حول الشعار، ويكبر الشعار قليلاً أثناء اختفاء الشاشة. “تعبئة الشعار” يعرض نسخة باهتة من شعارك تمتلئ بلونها الكامل من جهة إلى أخرى مع تقدم التحميل، مع نسبة مئوية أسفلها. “ستارة منقسمة” تعرض الشعار مع ثلاث نقاط تتقافز، ثم تنقسم الشاشة إلى نصفين ينزلق أحدهما للأعلى والآخر للأسفل ليظهر المتجر. “لمعة وانسحاب” تمرّر لمعة على الشعار فوق خط قصير متحرك، ثم تنسحب الشاشة كاملة للأعلى بحافة منحنية. “عدّاد تحريري” يضع الشعار في الزاوية ورقماً كبيراً يعدّ حتى 100 في الأسفل مع عبارة “جارٍ التحميل” وخط يمتلئ تدريجياً، ثم تنزلق الشاشة للأعلى. “نقطة تتمدد” تعرض نقطة صغيرة أسفل الشعار تتمدد إلى شريط قصير، ثم تنتشر لتغطي الشاشة باللون المميز قبل أن تختفي. “خلفية النشاط” تملأ الخلفية بأيقونات خطية باهتة تناسب نوع متجرك، تتحرك ببطء حول الشعار فوق خط قصير متحرك.
- نوع المتجر - نوع الأيقونات التي تملأ الخلفية في نمط “خلفية النشاط”: أزياء وإكسسوارات، عطور وتجميل، إلكترونيات، قهوة وحلويات، هدايا وورود، أو رياضة. يظهر فقط عند اختيار “خلفية النشاط” في نمط شاشة التحميل.
- إظهار شريط التقدم - يعرض خطاً رفيعاً أسفل الشعار يتحرك عليه شريط باستمرار أثناء تحميل الصفحة. ومع نمط “تعبئة الشعار” يمتلئ الخط مع امتلاء الشعار بدلاً من ذلك. يعمل فقط مع النمطين “الافتراضي” و“تعبئة الشعار”، لأن الأنماط الأخرى لها حركة تحميل خاصة بها.
- تفعيل حركة النبض للشعار - عند التفعيل، ينبض الشعار بلطف أثناء تحميل الصفحة. عند التعطيل، يظهر الشعار تدريجياً مرة واحدة فقط.
- عرض الشعار (الشاشات الكبيرة) - عرض الشعار على أجهزة الكمبيوتر، من 50 إلى 300 بكسل.
- عرض الشعار (الشاشات المتوسطة) - عرض الشعار على التابلت وأجهزة اللابتوب الصغيرة.
- عرض الشعار (الشاشات الصغيرة) - عرض الشعار على الجوال.
- شعار شاشة التحميل (الوضع الفاتح) - الشعار الذي يظهر عندما يُعرض متجرك بالوضع الفاتح. إذا تُرك فارغاً يُستخدم الشعار (الغامق) من إعدادات رأس الصفحة، وإلا فشعار متجرك. وإذا لم يوجد أي شعار يظهر اسم متجرك بدلاً منه.
- شعار شاشة التحميل (الوضع الداكن) - الشعار الذي يظهر عندما يُعرض متجرك بالوضع الداكن (راجع تخطيط الصفحة ← وضع المظهر). إذا تُرك فارغاً يُستخدم الشعار (الأبيض) من إعدادات رأس الصفحة، وإلا فشعار متجرك.
- استخدام ألوان المتجر - عند التفعيل، تأخذ شاشة التحميل لون الخلفية واللون الأساسي من ألوان متجرك (تخطيط الصفحة ← الألوان) وفق الوضعين الفاتح والداكن، وتُتجاهل الألوان الأربعة التالية.
- لون الخلفية (الوضع الفاتح) - لون خلفية شاشة التحميل في الوضع الفاتح.
- لون شريط التقدم (الوضع الفاتح) - اللون المميز لحركة التحميل في الوضع الفاتح: الشريط المتحرك على خط التقدم، وحسب النمط، الحلقة أو النقاط أو العدّاد أو النقطة المتمددة أو أيقونات الخلفية.
- لون الخلفية (الوضع الداكن) - لون خلفية شاشة التحميل في الوضع الداكن.
- لون شريط التقدم (الوضع الداكن) - اللون المميز نفسه للوضع الداكن.
أكواد مخصصة (CSS / JS)
تتيح لك إضافة أكواد إضافية إلى متجرك، مثل أكواد التتبع (البكسل)، أو أدوات المحادثة، أو تعديلات بسيطة على التصميم يزودك بها مطوّر أو خدمة خارجية. توجد أربع خانات منفصلة للأكواد، ولا تعمل كل خانة إلا إذا كانت مفعّلة وتحتوي على كود. قد يؤدي الكود الخاطئ أو غير المكتمل إلى إفساد شكل متجرك أو تعطيل بعض خصائصه، لذلك الصق فقط أكواداً من مصدر تثق به، وعطّل الخانة إذا توقف شيء عن العمل.
أكواد مخصصة (CSS / JS) - كود CSS مخصص
للأكواد التي تغيّر شكل متجرك.
- تفعيل كود CSS المخصص - يشغّل هذه الخانة. لا تظهر الإعدادات التالية إلا بعد تفعيلها.
- الكود (بدون وسم style) - الصق كود CSS هنا كما هو، دون وضعه داخل وسم style.
- مكان الإضافة - “داخل الهيدر (افتراضي)” يحمّل الكود مع تنسيقات الثيم الأساسية. “نهاية الصفحة (أولوية أعلى)” يضيفه في آخر الصفحة، فتزيد فرصة تقدّمه على تنسيقات الثيم. جرّب هذا الخيار إذا لم تظهر تعديلاتك.
- الصفحات المستهدفة - مكان عمل الكود: جميع الصفحات، الصفحة الرئيسية، صفحة المنتج، صفحات التصنيفات والمنتجات (صفحات التصنيفات، وصفحة جميع التصنيفات، وقوائم المنتجات)، صفحة السلة، صفحات المدونة (المدونة ومقالاتها)، أو الصفحات التعريفية (صفحات المعلومات، إضافة إلى صفحات الأسئلة الشائعة والأسئلة والتقييمات والشحن والدفع). الصفحات التي لا تنتمي لهذه المجموعات، مثل صفحة “الصفحة غير موجودة”، لا يعمل فيها إلا الكود المضبوط على جميع الصفحات.
أكواد مخصصة (CSS / JS) - كود JS — داخل الهيدر (head)
للأكواد التي تطلب منك الخدمة وضعها في قسم الهيدر (head) من الصفحة، وهو المكان الذي تطلبه معظم خدمات التحليلات والتتبع.
- تفعيل الكود - يشغّل هذه الخانة. لا تظهر الإعدادات التالية إلا بعد تفعيلها.
- الكود (مع وسم script) - الصق الكود تماماً كما تقدمه لك الخدمة، بما في ذلك وسوم script الخاصة به.
- الصفحات المستهدفة - مكان عمل الكود، بنفس خيارات كود CSS مخصص.
أكواد مخصصة (CSS / JS) - كود JS — بداية الصفحة (بعد body)
للأكواد التي تطلب منك الخدمة وضعها مباشرة بعد وسم body الافتتاحي، أي في بداية محتوى الصفحة.
- تفعيل الكود - يشغّل هذه الخانة. لا تظهر الإعدادات التالية إلا بعد تفعيلها.
- الكود (مع وسم script) - الصق الكود تماماً كما تقدمه لك الخدمة، بما في ذلك وسوم script الخاصة به.
- الصفحات المستهدفة - مكان عمل الكود، بنفس خيارات كود CSS مخصص.
أكواد مخصصة (CSS / JS) - كود JS — نهاية الصفحة (قبل إغلاق body)
للأكواد التي توضع في آخر الصفحة بعد كل محتواها. مكان مناسب لأدوات المحادثة والأكواد الأخرى التي لا تحتاج إلى التحميل أولاً، لأنها لن تؤخر ظهور بقية الصفحة.
- تفعيل الكود - يشغّل هذه الخانة. لا تظهر الإعدادات التالية إلا بعد تفعيلها.
- الكود (مع وسم script) - الصق الكود تماماً كما تقدمه لك الخدمة، بما في ذلك وسوم script الخاصة به.
- الصفحات المستهدفة - مكان عمل الكود، بنفس خيارات كود CSS مخصص.