تعرض هذه الصفحة مجموعة من المنتجات أو المحتوى ذي الصلة.
مع Concept ، وهو سمة Shopify لنظام التشغيل 2.0 ، لديك القدرة على إضافةأقسام مختلفة في كل صفحة. هذا يعني أنه يمكنك تخصيص شكل ومظهر صفحة المجموعة الخاصة بك بالكامل عن طريق إضافة أي أقسام تريدها. ما عليك سوى النقر على زر إضافة قسم واختيار الأقسام التي تريد ظهورها على صفحتك. باستخدام هذا، يمكنك إنشاء صفحة مجموعة جذابة بصريًا من شأنها أن تبقي زوار موقعك منخرطين ومطلعين.
بشكل افتراضي، تحتوي صفحات المجموعة على الأقسام التالية:
1. راية المجموعة
| وصف | ||
|---|---|---|
| راية المجموعة
أضف وصفًا أو صورة عن طريق تحرير مجموعتك. يتعلم أكثر . |
||
| السماح برأس شفاف | تمكن من عرض رأس شفاف.
ينطبق هذا الإعداد فقط عندما يكون هذا القسم هو الأول. |
|
| عرض صورة المجموعة | تمكن من إظهار الصور المجموعة.
للحصول على أفضل النتائج، استخدم صورة بنسبة عرض إلى ارتفاع تبلغ 16:9. يتعلم أكثر . |
|
| صورة | اختيار/تحميل صورة القسم.
الافتراضي لصورة المجموعة. |
|
| ارتفاع سطح المكتب | تحديد ارتفاع الصورة عند عرضها على سطح المكتب:
|
|
| موقف محتوى سطح المكتب | يضبط موضع المحتوى على سطح المكتب:
|
|
| محاذاة محتوى سطح المكتب | يضبط محاذاة المحتوى على سطح المكتب:
|
|
| تخطيط المحمول | ||
| ارتفاع المحمول | تحديد ارتفاع الصورة عند عرضها على الهاتف المحمول:
|
|
| موضع محتوى الجوال | يضبط موضع المحتوى على متصفح الهاتف المحمول:
|
|
| محاذاة محتوى الجوال | يضبط محاذاة المحتوى على متصفح الهاتف المحمول:
|
|
| لون
|
يمكنك اختياريًا تخصيص ألوان القسم، بما في ذلك ما يلي:
|
|
| قسم | ||
| يمكنك ضبط الحشو العلوي والحشو السفلي من 0 بكسل إلى 120 بكسل بزيادات قدرها 4 بكسل. | ||
| إظهار مقسم القسم | يظهر فاصل خطي فوق هذا القسم.. | |
| جعل القسم بالعرض الكامل | يجعل الحاوية كاملة العرض. | |
| جعل القسم مستديرًا | يطبق حافة مستديرة على الزاويتين العلويتين. | |
| تمكين تأثير المنظر | تمكين تأثير المنظر، الذي يخلق وهم العمق في صورة أو مشهد ثنائي الأبعاد.
يمكن اختيار اتجاه المنظر من بين الخيارات الثلاثة التالية: |
|
| لغة تنسيق ويب حسب الطلب | يضيف CSS مخصصًا إلى هذا القسم. | |
الكتل المتاحة:
- 1.1 عنوان المجموعة
- 1.2 وصف المجموعة
- 1.3 مسار التنقل
- 1.4 المساحة الفارغة
1.1 إعدادات قالب عنوان المجموعة.
يمكن ضبط حجم النص على أحد الخيارات التالية:
1.2 إعدادات كتلة وصف المجموعة.
| وصف | ||
|---|---|---|
| وصف المجموعة | ||
| حجم الخط | يمكن ضبط حجم النص على أحد الخيارات التالية:
يتيح لك الخيار المخصص ضبط حجم النص على أي قيمة تريدها، من 12 بكسل إلى 128 بكسل، مع زيادة حسابية قدرها 2 بكسل. |
|
| خط النص | اختر من بين خيارين لتنسيق النص: النص أو العنوان . | |
| استخدم اللون الثانوي | تمكن من عرض اللون الثانوي. | |
1.3 إعدادات كتلة التنقل.
تمكن من إظهار صفحة المجموعات في قائمة مسارات التنقل.
1.4 إعدادات كتلة المساحة الفارغة.
| وصف | ||
|---|---|---|
| مساحة فارغة | ||
| ارتفاع سطح المكتب | يحدد ارتفاع المساحة الفارغة عند عرضها على سطح المكتب. يمكن أن يكون من 0 بكسل إلى 120 بكسل، مع زيادة حسابية قدرها 4 بكسل. الافتراضي هو 40 بكسل. | |
| ارتفاع المحمول | يحدد ارتفاع المساحة الفارغة عند عرضها على الهاتف المحمول. يمكن أن يكون من 0 بكسل إلى 120 بكسل، مع زيادة حسابية قدرها 4 بكسل. الافتراضي هو 28 بكسل. | |
2. شبكة المنتج
| إعدادات القسم | إعدادات | وصف |
|---|---|---|
| شبكة المنتج | ||
| المنتجات لكل صفحة | عدد المنتجات المعروضة في الصفحة، تم تعديلها من 6 إلى 50. | |
| عدد الأعمدة على سطح المكتب | عدد الأعمدة الموضحة في الصفحة، مع تعديلها من 1 إلى 5. | |
| عدد الأعمدة على الجوال | تخصيص عدد الأعمدة المعروضة على متصفح الجوال: عمود واحد أو عمودين . | |
| التصفية والفرز | ||
| تمكين التصفية | يتيح للعملاء تصفية المنتجات الموجودة في المجموعة بناءً على عوامل التصفية الموجودة في إعدادات التنقل الخاصة بك.
قم بتخصيص المرشحات باستخدام تطبيق البحث والاكتشاف. يتعلم أكثر . |
|
| طي المرشحات | تمكين مرشحات الانهيار. | |
| تخطيط مرشح سطح المكتب | يختار تخطيط مرشح سطح المكتب الذي تفضله: الشريط الجانبي أو الدرج . | |
| تمكين عينات الألوان | تمكين عينات الألوان. عرض تعليمات الإعداد . | |
| تمكين الفرز | يتيح للعملاء فرز المنتجات في المجموعة بناءً على ما يلي:
|
|
| قسم | ||
| يمكن ضبط الحشو في الحشو العلوي والحشو السفلي من 0 بكسل إلى 120 بكسل، وزيادة حسابيًا بمقدار 4 بكسل. | ||
| إظهار مقسم القسم | يظهر فاصل خطي فوق هذا القسم.. | |
| جعل القسم بالعرض الكامل | يجعل الحاوية كاملة العرض. | |
| جعل القسم مستديرًا | يطبق حافة مستديرة على الزاويتين العلويتين. | |
| لغة تنسيق ويب حسب الطلب | يضيف CSS مخصصًا إلى هذا القسم. | |
الكتل المتاحة:
- 2.1 وصف المجموعة
- 2.2 المجموعات الفرعية
- 2.3 الترويج
2.1 إعدادات كتلة وصف المجموعة.
لا توجد إعدادات قابلة للتخصيص متاحة.
2.2 إعدادات كتلة المجموعة الفرعية.
| إعدادات الحظر | وصف | |
|---|---|---|
| المجموعات الفرعية
ستظهر هنا روابط للمجموعات من القائمة الخاصة بك. يتعلم أكثر . |
||
| قائمة طعام | يختار/يحدد القائمة التي تريد عرضها. | |
| مجموعات فرعية لكل صف | يختار عدد المجموعات الفرعية التي سيتم عرضها في كل صف، من 2 إلى 5. | |
| إظهار عدد المجموعات | يعرض عدد المنتجات في كل مجموعة. | |
2.3 إعدادات كتلة الترويج.
| إعدادات الحظر | وصف | |
|---|---|---|
| ترقية
قد تكون الكتل مخفية إذا لم تكن هناك منتجات كافية مرئية. |
||
| الموقف في الشبكة | إحداثيات الكتلة في الشبكة، من اليسار إلى اليمين ومن أعلى إلى أسفل. | |
| صورة | يختار/يحمل صورة الكتلة. | |
| أيقونة | يختار/يحمل صورة الرمز. | |
| عنوان | عنوان الكتلة. | |
| وصف | يتم وضع نص الوصف للعنوان أسفل العنوان. | |
| تسمية الزر | النص الذي يتم عرضه على الزر. | |
| رابط الزر | عنوان URL للزر. | |
| موقف محتوى سطح المكتب | يضبط موضع المحتوى على سطح المكتب:
|
|
| محاذاة محتوى سطح المكتب | يضبط محاذاة المحتوى على سطح المكتب:
|
|
| تخطيط المحمول | ||
| صورة الجوال | صورة القسم على متصفح الجوال | |
| موضع محتوى الجوال | يضبط موضع المحتوى على متصفح الهاتف المحمول:
|
|
| محاذاة محتوى الجوال | يضبط محاذاة المحتوى على متصفح الهاتف المحمول:
|
|
| لون
|
يمكنك اختياريًا تخصيص ألوان القسم، بما في ذلك ما يلي:
|
|
3. الصور مع النص
يتيح لك هذا القسم عرض ما يصل إلى 5 صور في وقت واحد مما يوفر مرونة أكبر في التصميم لصفحتك.
| إعدادات القسم | وصف | |
|---|---|---|
| الصور مع تراكب النص | ||
| السماح برأس شفاف | ينطبق هذا الإعداد فقط عندما يكون هذا القسم هو الأول | |
| ارتفاع سطح المكتب | تحديد ارتفاع الصورة عند عرضها على سطح المكتب:
|
|
| عرض محتوى سطح المكتب | يحدد عرض الصورة عند عرضها على سطح المكتب:
|
|
| موقف محتوى سطح المكتب | يضبط موضع المحتوى على سطح المكتب:
|
|
| محاذاة محتوى سطح المكتب | يضبط محاذاة المحتوى على سطح المكتب:
|
|
| صورة
#1 #2 #3 #4 #5 |
صور القسم على متصفح سطح المكتب. | |
| تخطيط المحمول | ||
| ارتفاع المحمول | تحديد ارتفاع الصورة عند عرضها على الهاتف المحمول:
|
|
| موضع محتوى الجوال | يضبط موضع المحتوى على متصفح الهاتف المحمول:
|
|
| محاذاة محتوى الجوال | يضبط محاذاة المحتوى على متصفح الهاتف المحمول:
|
|
| لون
|
يمكنك اختياريًا تخصيص ألوان القسم، بما في ذلك ما يلي:
|
|
| قسم | ||
| يمكن ضبط الحشو في الحشو العلوي والحشو السفلي من 0 بكسل إلى 120 بكسل، وزيادة حسابيًا بمقدار 4 بكسل. | ||
| إظهار مقسم القسم | يظهر فاصل خطي فوق هذا القسم.. | |
| جعل القسم بالعرض الكامل | يجعل الحاوية كاملة العرض. | |
| جعل القسم مستديرًا | يطبق حافة مستديرة على الزاويتين العلويتين. | |
| تمكين تأثير المنظر | تمكين عرض تأثير اختلاف المنظر، الذي يخلق وهم العمق في صورة أو مشهد ثنائي الأبعاد. | |
| لغة تنسيق ويب حسب الطلب | يضيف CSS مخصصًا إلى هذا القسم. | |
الكتل المتاحة:
- 3.1 العنوان
- 3.2 العنوان الفرعي
- 3.3 النص
- 3.4 زر
- 3.5 الرابط
- 3.6 الصورة
- 3.7 سائل مخصص
- 3.8 مساحة فارغة
3.1 إعدادات كتلة العنوان.
| وصف | ||
|---|---|---|
| عنوان | ||
| عنوان | عنوان الكتلة. | |
| حجم العنوان | يمكن تعيين حجم العنوان على أحد الخيارات التالية: صغير أو متوسط أو كبير أو كبير جدًا . | |
| علامة العنوان | يحدد علامة العنوان لتنظيم المحتوى الخاص بك وتنظيمه لتحسين محركات البحث. | |
| النص المميز
|
||
| النص المميز | اختر أحد الخيارات الستة التالية لتنسيق النص الخاص بك:
|
|
| خربشات مميزة
يتطلب تعيين نمط النص المميز على الخربشة المرسومة باليد. |
يوفر هذا الإعداد 5 طرق لتمييز النص:
|
|
3.2 إعدادات كتلة العنوان الفرعي.
| وصف | ||
|---|---|---|
| عنوان فرعي | ||
| عنوان فرعي | العنوان الفرعي للعنوان. | |
| حجم العنوان الفرعي | حجم العنوان الفرعي:
|
|
| استخدم اللون الثانوي | يطبق لونًا أفتح قليلًا بناءً على لون النص. | |
3.3 إعدادات كتلة النص.
| وصف | ||
|---|---|---|
| نص | ||
| نص | إضافة النص الخاص بك.
|
|
| حجم الخط | يمكن ضبط حجم النص على أحد الخيارات التالية:
يتيح لك الخيار المخصص ضبط حجم النص على أي قيمة تريدها، من 12 بكسل إلى 128 بكسل، مع زيادة حسابية قدرها 2 بكسل. |
|
| خط النص | اختر من بين خيارين لتنسيق النص: النص أو العنوان . | |
| استخدم اللون الثانوي | تمكين اللون الثاني. | |
| النص المميز
|
||
| النص المميز | اختر أحد الخيارات الستة التالية لتنسيق النص الخاص بك:
|
|
| خربشات مميزة
يتطلب تعيين نمط النص المميز على الخربشة المرسومة باليد. |
يوفر هذا الإعداد 5 طرق لتمييز النص:
|
|
3.4 إعدادات كتلة الزر.
| وصف | ||
|---|---|---|
| زر | ||
| تسمية الزر | النص الذي يتم عرضه على الزر. | |
| رابط الزر | عنوان URL للزر. | |
| حجم الزر | يضبط حجم الزر في 3 خيارات: صغير، متوسط، أو كبير | |
| استخدم نمط زر المخطط التفصيلي | يستخدم نمط المخطط التفصيلي للزر. | |
3.5 إعدادات كتلة الارتباط.
| وصف | ||
|---|---|---|
| وصلة | ||
| نص | نص الرابط، الذي يتم وضعه بجانب الزر مباشرة. | |
| وصلة | يضيف عنوان URL الذي تريد ربطه. | |
3.6 إعدادات كتلة الصورة.
| وصف | ||
|---|---|---|
| صورة | ||
| صورة | يختار صورة للكتلة. | |
| عرض الصورة | يختار أحد خياري عرض الصورة:
|
|
3.7 إعدادات الكتلة السائلة المخصصة.
يمكنك إضافة رمز Liquid الخاص بك لإنشاء كتلة مخصصة.
3.8 إعدادات كتلة المساحة الفارغة.
| وصف | ||
|---|---|---|
| مساحة فارغة | ||
| ارتفاع سطح المكتب | يحدد ارتفاع المساحة الفارغة عند عرضها على سطح المكتب. يمكن أن يكون من 0 بكسل إلى 120 بكسل، مع زيادة حسابية قدرها 4 بكسل. الافتراضي هو 40 بكسل. | |
| ارتفاع المحمول | يحدد ارتفاع المساحة الفارغة عند عرضها على الهاتف المحمول. يمكن أن يكون من 0 بكسل إلى 120 بكسل، مع زيادة حسابية قدرها 4 بكسل. الافتراضي هو 28 بكسل. | |
4. تم عرضها مؤخرًا
يساعد عملائك في العثور على المنتجات التي قاموا بزيارتها مسبقًا ويحثهم على الشراء. وهذا من شأنه أن يسهل على عملائك العثور عليها مرة أخرى بدلاً من العثور على طريقهم من خلال قائمة التنقل.
| وصف | ||
|---|---|---|
| شوهدت مؤخرا | ||
| عدد المنتجات الحديثة | يمكن أن يتراوح عدد المنتجات التكميلية من 2 إلى 12. | |
| عدد الأعمدة على سطح المكتب | تخصيص عدد الأعمدة المعروضة على متصفح سطح المكتب من عمود واحد إلى 5 أعمدة | |
| تمكين الرف الدائري على سطح المكتب | يعرض دائرة للمنتجات من المجموعة على متصفح سطح المكتب. | |
| تخطيط المحمول | ||
| عدد الأعمدة على الجوال | تخصيص عدد الأعمدة المعروضة على متصفح الجوال: عمود واحد أو عمودين . | |
| تمكين التمرير السريع على الهاتف المحمول | يضبط عرض الهاتف المحمول على صف واحد من خلال التمرير الأفقي. | |
| عنوان | ||
| عنوان | عنوان القسم. | |
| حجم العنوان | يمكن تعيين حجم العنوان على أحد الخيارات التالية: صغير أو متوسط أو كبير أو كبير جدًا . | |
| محاذاة العنوان | يمكن محاذاة العنوان إلى اليسار أو الوسط أو اليمين . | |
| علامة العنوان | يحدد علامة العنوان لتنظيم المحتوى الخاص بك وتنظيمه لتحسين محركات البحث. | |
| عنوان فرعي | يتم وضع العنوان الفرعي للعنوان فوق العنوان. | |
| وصف | يتم وضع نص الوصف للعنوان أسفل العنوان. | |
| النص المميز
|
||
| النص المميز | اختر أحد الخيارات الستة التالية لتنسيق النص الخاص بك:
|
|
| خربشات مميزة
يتطلب تعيين نمط النص المميز على الخربشة المرسومة باليد. |
يوفر هذا الإعداد 5 طرق لتمييز النص:
|
|
| لون
|
يمكنك اختياريًا تخصيص ألوان القسم، بما في ذلك ما يلي:
|
|
| قسم | ||
| يمكن ضبط الحشو في الحشو العلوي والحشو السفلي من 0 بكسل إلى 120 بكسل، وزيادة حسابيًا بمقدار 4 بكسل. | ||
| إظهار مقسم القسم | يظهر فاصل خطي فوق هذا القسم.. | |
| جعل القسم بالعرض الكامل | يجعل الحاوية كاملة العرض. | |
| جعل القسم مستديرًا | يطبق حافة مستديرة على الزاويتين العلويتين. | |
| لغة تنسيق ويب حسب الطلب | يضيف CSS مخصصًا إلى هذا القسم. | |
هذا القسم لا يدعم إضافة الكتل.
نأمل أن تكون هذه المقالة مفيدة. إذا كانت لديك أية أسئلة أو استفسارات حول هذه الميزة، فلا تتردد في الاتصال بفريقنا للحصول على الدعم.
