في محرر السمة: تخصيصالرأسالرأس

الرأس

الشعار في التجويف، والقائمة، ورموز البحث والحساب والسلة. على الهاتف تطفو الرموز كقطع نقدية، وعلى الحاسوب تجلس القائمة في شريط.

يُفضَّل رفع شعار بخلفية شفافة، ثم استخدام «قصّ الهوامش الشفافة من الشعار» ليستقر في وسط التجويف.

الإعدادات

الشعار

صورة الشعار
صورةعند تركه فارغًا، يظهر اسم المتجر كنص.
عرض الشعار على الكمبيوتر
شريط تمرير، من 100 إلى 300 pxالافتراضي: 190 pxعرض الجزء الظاهر من الشعار، بعد قصّ الهوامش الشفافة.
أقصى ارتفاع للشعار على الكمبيوتر
شريط تمرير، من 40 إلى 160 pxالافتراضي: 65 pxيُصغَّر الشعار الطويل إلى هذا الارتفاع. الارتفاع هو ارتفاع الجزء الظاهر.
عرض الشعار على الهاتف
شريط تمرير، من 80 إلى 200 pxالافتراضي: 100 pxعرض الجزء الظاهر من الشعار على الهواتف والأجهزة اللوحية. على الهواتف الضيقة يتقلّص عند الحاجة، لتحتفظ الأيقونات المجاورة بمساحتها.
أقصى ارتفاع للشعار على الهاتف
شريط تمرير، من 24 إلى 44 pxالافتراضي: 34 pxيُصغَّر الشعار الطويل إلى هذا الارتفاع على الهواتف والأجهزة اللوحية. ارتفاع الشريط ثابت عند 48px، لذا الحد الأقصى 44.
موضع الشعار في الشق على الهاتف
شريط تمرير، من -8 إلى 12 pxالافتراضي: 4 pxالرقم الموجب ينقل الشعار إلى الأسفل، والسالب ينقله إلى الأعلى. 0: في منتصف صف الرأس.
موضع الشعار في الشق على الكمبيوتر
شريط تمرير، من -8 إلى 12 pxالافتراضي: 0 pxالرقم الموجب ينقل الشعار إلى الأسفل، والسالب ينقله إلى الأعلى. 0: في منتصف صف الرأس.

قصّ الهوامش الشفافة من الشعار

القصّ من الأعلى
شريط تمرير، من 0 إلى 40 %الافتراضي: 17 %
القصّ من الأسفل
شريط تمرير، من 0 إلى 40 %الافتراضي: 22 %
القصّ من اليسار
شريط تمرير، من 0 إلى 40 %الافتراضي: 7.5 %
القصّ من اليمين
شريط تمرير، من 0 إلى 40 %الافتراضي: 3.5 %

عادةً ما تحيط بالتوقيع في صورة الشعار هوامش شفافة. حدّدوا مقدار ما يُقصّ من كل جانب من الصورة (بالنسبة المئوية)؛ وعندها تشير أحجام الشعار أعلاه إلى ما تبقّى. للصورة المقصوصة بإحكام مسبقًا، أبقوا كل القيم عند 0.

الأيقونات

إظهار زر البحث
تشغيل أو إيقافالافتراضي: مُفعّل
كلمات تُكتب في حقل البحث
نصعلى الهاتف، عند فتح البحث، تُكتب هذه الكلمات في الحقل الواحدة تلو الأخرى. افصلوا بينها بفواصل. اتركوه فارغًا لاستخدام أسماء روابط القائمة الرئيسية. وتظهر أيضًا كأفكار قبل الكتابة.
قبل الكتابة
اختيار: أفكار وعمليات بحث أخيرة، أفكار فقط، عمليات بحث أخيرة فقط، لا شيءالافتراضي: أفكار وعمليات بحث أخيرةالأفكار هي كلمات حقل البحث. عمليات البحث الأخيرة خاصة بكل عميل ومحفوظة في متصفحه.
قائمة الحساب
قائمةالروابط في نافذة الحساب من Shopify، أسفل تسجيل الدخول. تُبقيها "القائمة الرئيسية لحساب العميل" مطابقة لصفحات الحساب.
حجم عملات الرأس
شريط تمرير، من 36 إلى 48 pxالافتراضي: 40 pxقطر العملات في رأس الصفحة على الهاتف والجهاز اللوحي. على الكمبيوتر لا توجد عملات: الأيقونات على الشريط كخطوط. الأيقونة داخل العملة نصف القطر.
تفاعل الحقيبة مع الإضافة
تشغيل أو إيقافالافتراضي: مُفعّلعند إضافة منتج إلى السلة، تنخفض الحقيبة قليلًا وتنضغط ثم ترتد. لا يحدث ذلك عند تغيير الكمية داخل السلة.

رأس الصفحة على الكمبيوتر

نمط القائمة على الكمبيوتر
اختيار: مكتبة: كل الروابط في أعمدة، غرف: مجموعة واحدة في كل مرة، معرض: صورة لكل مجموعةالافتراضي: مكتبة: كل الروابط في أعمدةكيف تعرض اللوحة أسفل الشريط روابط عنصر القائمة. مبنية من قائمتك المعتادة، حتى ثلاثة مستويات.
صورة المجموعة في القوائم
تشغيل أو إيقافالافتراضي: مُفعّلفي نمطي المكتبة والغرف تظهر صورة المجموعة بجانب الروابط وتتغير حسب الرابط تحت المؤشر. في المعرض تظهر الصور دائمًا.
لون لوحة القائمة
اختيار: أبيض، مثل البحث، داكن، لون مخصصالافتراضي: أبيض، مثل البحث
لون اللوحة
لونيُختار لون النص تلقائيًا: داكن على لون فاتح، وفاتح على لون داكن.

قائمة عائمة على الهاتف

قائمة عائمة عند التمرير
اختيار: إيقاف، على الهاتفالافتراضي: على الهاتفعلى الهاتف، عندما يخرج رأس الصفحة من الشاشة، تطفو الأيقونات الأربع نفسها في كبسولة أسفل الشاشة قرب الإبهام. تُفتح القائمة والبحث والسلة من الأعلى، كما في أعلى الصفحة. تطبيقات الدردشة: اتركوا في إعداداتها هامشًا سفليًا لا يقل عن 90 بكسل حتى تظهر فوقها.
شكل القائمة العائمة
اختيار: علامة تبويب من الإطار، عائمة، ضيقة من الأعلى، عائمة، عريضة من الأعلىالافتراضي: علامة تبويب من الإطارعلامة تبويب: ترتفع من أسفل الإطار بشكل فتحة الشعار، بلون الإطار. الأشكال العائمة بلون القائمة أدناه.
لون القائمة العائمة
اختيار: مثل عملات رأس الصفحة، داكن، فاتحالافتراضي: مثل عملات رأس الصفحة«مثل عملات رأس الصفحة» يتبع لون العملات في رأس الصفحة: داكن مع إطار داكن، وفاتح مع إطار أبيض.
لون أيقونات القائمة السفلية
لونالأيقونات في القائمة العائمة على الهاتف. فارغ: لون درجة القائمة.
لون حلقات القائمة السفلية
لونالحلقة الرفيعة حول كل أيقونة، بدون تعبئة. الأيقونة المفتوحة تمتلئ بهذا اللون. فارغ: لون درجة القائمة.
المسافة من الإطار
شريط تمرير، من 0 إلى 24 pxالافتراضي: 4 pxالمسافة بين القائمة والإطار أسفلها، أو شريط المتصفح عندما يغطي الإطار. هي نفسها عند التمرير لأعلى أو لأسفل. الافتراضي: 4 بكسل.
القائمة الرئيسية
قائمةيمكن تعديل عناصر القائمة من المحتوى > القوائم.
عنوان صغير فوق قائمة الهاتف
نصاتركوه فارغًا لاستخدام الافتراضي.
نص زر نادي الأعضاء
نصالزر أسفل قائمة الهاتف. اتركوه فارغًا لاستخدام الافتراضي.
محدد اللغة والبلد في القائمة
تشغيل أو إيقافالافتراضي: مُفعّلفوق زر النادي. يظهر فقط عند وجود أكثر من لغة أو أكثر من بلد.
محدد اللغة في الشريط
تشغيل أو إيقافالافتراضي: مُفعّلعلى الكمبيوتر، محدد لغة في الشريط العلوي قبل أيقونة البحث. على الهاتف والجهاز اللوحي يكون في القائمة.
أعلام بجانب اللغات
تشغيل أو إيقافالافتراضي: مُفعّلعلم صغير بجانب كل لغة. بعض المتاجر تفضّل عدم عرضها، لأن اللغة ليست بلدًا.
الشبكات الاجتماعية في القائمة
تشغيل أو إيقافالافتراضي: مُفعّلصف من الأيقونات المصمتة أسفل زر النادي، كما في التذييل. تُضبط الروابط وترتيبها في إعدادات السمة، ضمن وسائل التواصل الاجتماعي. تظهر فيسبوك وإنستغرام وتيك توك ويوتيوب وX كأيقونة بسيطة إلى أن يُضاف رابط؛ أما الشبكات الأخرى فلا تظهر إلا مع رابط.
لون القائمة
لونالافتراضي: #FFFFFFأيّ لون حسب الرغبة. يتكيّف النص والزر تلقائيًا: على اللون الداكن يصبح النص كريميًا. الافتراضي: الأبيض، مثل الإطار.
نمط الخلفية
اختيار: لون موحّد، منصة مضاءةالافتراضي: لون موحّدمنصة مضاءة: ضوء ناعم من الأعلى يخفت نحو الأسفل، مستمد من اللون المختار. على لون فاتح يصبح الجزء العلوي أبيض؛ وعلى لون داكن تصبح منصة داكنة.
لون الضوء
لونالضوء الناعم الآتي من أعلى المنتصف. فارغ: أبيض.
لون زر النادي
لونالزر في أسفل القائمة. فارغ: بلون القائمة. يصبح النص فاتحًا أو داكنًا بما يناسب اللون.
صورة خلفية القائمة
صورةاختياري. لا تُحمَّل الصورة إلا عند فتح القائمة لأول مرة. وتعلوها طبقة بلون القائمة.
قوة الطبقة فوق الصورة
شريط تمرير، من 0 إلى 100 %الافتراضي: 80 %مقدار ما يغطّيه لون القائمة من الصورة ليبقى النص مقروءًا. القيمة 0 تعرض الصورة كما هي.

هل هناك ما لا يطابق ما يظهر في المحرر؟ يسعدنا تلقي رسالة وسنصحح الدليل.