تعد صفحة المنتج عنصرًا حاسمًا في أي متجر عبر الإنترنت. من خلال تخصيص أقسامها وكتلها، يمكنك إنشاء صفحة غنية بالمعلومات ومقنعة، وتشجع المستخدمين على شراء منتجاتك أو خدماتك.
تحتوي صفحة المنتج على أقسام متعددة، مكونة من كتل. توفر هذه المقالة نظرة عامة على مجموعة أقسام القالب المضمنة في هذه القوالب.
بشكل افتراضي، تحتوي صفحة المنتج على الأقسام التالية:
- معلومات المنتج
- درج المساعدة
- بطل الفيديو
- كلية
- صورة مع النص
- التمرير النص
- تفاصيل المنتج
- التعليمات
- تطبيقات
- منتجات ذات صله
- شوهدت مؤخرا
1. معلومات المنتج
يعرض هذا القسم معلومات حول المنتج.
| إعدادات القسم | إعدادات | وصف |
|---|---|---|
| معلومات المنتج | تمكين المحتوى اللاصق على سطح المكتب | يُلصق محتوى المنتج على الشاشة عندما يقوم العميل بالتمرير لأسفل (أو لأعلى) خلال صور المنتج المميزة. |
| وسائط | ||
| عرض وسائط سطح المكتب | عرض الوسائط على سطح المكتب، والذي يمكن تعديله من 35% إلى 70% لتعديل حجم هذا القسم. | |
| تخطيط سطح المكتب | يعرض تخطيط سطح المكتب:
| |
| تكبير الصورة | 3 خيارات متاحة:
| |
| إخفاء وسائط المتغيرات الأخرى بعد تحديد متغير | عند تحديد متغير، يتم إخفاء صور المتغيرات الأخرى عن العرض. تظهر الصور مرة أخرى عند إلغاء تحديد المتغير. | |
| تمكين التشغيل التلقائي للفيديو | تشغيل الفيديو تلقائيا. | |
| تمكين تكرار الفيديو | تشغيل الفيديو بشكل متكرر. | |
| تخطيط المحمول | حدد أحد الخيارين التاليين:
| |
| عرض الصور المصغرة على الجوال | يعرض الصور المصغرة على الهاتف المحمول. | |
| قسم | ||
| يمكن ضبط الحشو في الحشو العلوي والحشو السفلي من 0 بكسل إلى 120 بكسل، وزيادة حسابيًا بمقدار 4 بكسل. | ||
| إظهار مقسم القسم | يظهر فاصل سطر أعلى هذا القسم. | |
| اجعل القسم ضيقًا | يجعل الحاوية ضيقة. | |
| جعل القسم مستديرًا | يطبق حافة مستديرة على الزاويتين العلويتين. | |
الكتل المتاحة:
- 1.1 مسار التنقل
- 1.2 النص
- 1.3 العنوان
- 1.4 السعر
- 1.5 رمز التخزين التعريفي
- 1.6 حالة المخزون
- 1.7 محدد الكمية
- 1.8 منتقي البديل
- 1.9 اختلافات المنتج
- 1.10 أزرار الشراء
- 1.11 توفر خدمة الاستلام
- 1.12 الوصف
- 1.13 شارك
- 1.14 مكتب المساعدة
- 1.15 سائل مخصص
- 1.16 تصنيف المنتج
- 1.17 المنتج التكميلي
- 1.18 صف قابل للطي
1.1 إعدادات كتلة التنقل.
تمكين إظهار صفحة المجموعات في قائمة التنقل.
1.2 إعدادات كتلة النص.
| إعدادات الحظر | إعدادات | وصف |
|---|---|---|
| نص | ||
| نص | يضيف النص الخاص بك. | |
| حجم الخط | يمكن ضبط حجم النص على أحد الخيارات التالية:
|
1.3 إعدادات كتلة العنوان.
| إعدادات الحظر | إعدادات | وصف |
|---|---|---|
| عنوان | ||
| حجم العنوان | حجم العنوان:
| |
| عرض سعر المنتج | تمكن من عرض سعر المنتج | |
| عرض تصنيف المنتج | تمكن من عرض تصنيف المنتج. |
1.4 إعدادات كتلة السعر.
تفعيل إظهار الإشعار الضريبي لعرض الإشعار الضريبي.
1.5 إعدادات كتلة SKU.
لا توجد إعدادات قابلة للتخصيص متاحة.
1.6 إعدادات كتلة حالة المخزون.
| إعدادات الحظر | إعدادات | وصف |
|---|---|---|
| حالة المخزون | ||
| عتبة المخزون منخفضة | الحد الأدنى لكمية منتج معين ترغب الشركة في توفيره في أي وقت محدد. اختر 0 ليتم عرضه دائمًا في المخزون إذا كان متاحًا. | |
| إظهار إشعار تحويل المخزون | يعرض إشعار تحويل المخزون | |
| نظام الألوان | اختر أحد الخيارات الستة التالية:
|
1.7 إعدادات كتلة محدد الجودة.
لا توجد إعدادات قابلة للتخصيص متاحة.
1.8 إعدادات كتلة منتقي المتغير.
| إعدادات الحظر | إعدادات | وصف |
|---|---|---|
| ملتقطو البديل | ||
| إظهار تسميات البديل | يعرض تسمية المتغيرات. | |
| يكتب | أسلوب منتقي البديل. اختر إما القائمة المنسدلة أو الزر . | |
| تمكين عينات الألوان يتطلب أن يكون نوع المنتقي المتغير "زر". | يعرض متغيرات الألوان في العينات. يتطلب هذا نوع منتقي متغير "زر". تعرف على كيفية إعداد العينات . | |
| نوع سواتش | اختر إما حامل اللون أو الصورة المتغيرة . | |
| حجم الرسم البياني | صفحة الرسم البياني للحجم | إذا كنت تبيع عناصر ملابس تتطلب من العملاء معرفة مقاساتها قبل إجراء عملية شراء، فيمكنك إضافة مخطط مقاسات مخصص إلى صفحة منتجك. هنا تختار صفحتك التي تمثل محتوى مخطط الحجم. |
1.9 إعدادات كتلة تنوعات المنتج.
| إعدادات الحظر | إعدادات | وصف |
|---|---|---|
| اختلافات المنتج | ||
| اسم الخيار | يضيف اسم الخيار (على سبيل المثال: اللون، النمط... ) | |
| قيمة الخيار metadield | يدخل مساحة الاسم ومفتاح حقل التعريف الذي يحمل القيمة. على سبيل المثال: custom.color | |
| منتج | يختار المنتجات التي تريد عرضها. حدد كافة الأشكال (بما في ذلك المنتج نفسه). | |
| مغير الألوان | ||
| تمكين عينات الألوان | تمكن من عرض عينات الألوان. | |
| نوع سواتش | يحدد أحد الخيارين التاليين: عينة الألوان أو صورة المنتج . | |
| حجم الرسم البياني | صفحة الرسم البياني للحجم | إذا كنت تبيع عناصر ملابس تتطلب من العملاء معرفة مقاساتها قبل إجراء عملية شراء، فيمكنك إضافة مخطط مقاسات مخصص إلى صفحة منتجك. هنا تختار صفحتك التي تمثل محتوى مخطط الحجم |
1.10 إعدادات كتلة أزرار الشراء.
تعرض هذه المجموعة زر "إضافة إلى سلة التسوق" وأي معلومات استلام داخل المتجر. ويمكنه أيضًا إظهار أي أزرار دفع ديناميكية.
| إعدادات الحظر | إعدادات | وصف |
|---|---|---|
| شراء الأزرار | ||
| إظهار محدد الكمية | تمكن من عرض محدد الكمية. | |
| إظهار أزرار الخروج الديناميكية | باستخدام طرق الدفع المتاحة في متجرك، يرى العملاء خيارهم المفضل، مثل PayPal أو Apple Pay. | |
| إظهار نموذج معلومات المستلم لبطاقات الهدايا. | يسمح للمشترين بإرسال بطاقات الهدايا في تاريخ محدد مع رسالة شخصية. |
1.11 إعدادات كتلة توفر الاستلام.
يسمح لعملائك بمعرفة مدى التوفر في متاجر البيع بالتجزئة عن طريق إعداد خدمة الاستلام المحلية .
1.12 إعدادات كتلة الوصف.
لتحديد حجم نص الوصف:
- صغير
- واسطة
- كبير
- كبير جدا
1.13 إعدادات كتلة المشاركة.
| إعدادات الحظر | إعدادات | وصف |
|---|---|---|
| يشارك | نص | يضيف نصًا للكتلة. |
| مكتب المساعدة | ||
| عرض مكتب المساعدة | تمكن من إظهار مكتب المساعدة | |
| تسمية المساعدة | يصف النص كتلة تسمية التعليمات. | |
| نوع المساعدة | الاختيار بين درج النمط وصفحة النمط لصفحة المساعدة الخاصة بك. | |
| صفحة المساعدة | يضيف عنوان URL الذي تريد ربطه. |
1.14 إعدادات كتلة مكتب المساعدة.
| إعدادات الحظر | إعدادات | وصف |
|---|---|---|
| مكتب المساعدة | ||
| تسمية المساعدة | يصف النص كتلة تسمية التعليمات. | |
| نوع المساعدة | الاختيار بين درج النمط وصفحة النمط لصفحة المساعدة الخاصة بك. | |
| صفحة المساعدة | تحديد صفحة لربط كتلة مكتب المساعدة بها. |
1.15 إعدادات الكتلة السائلة المخصصة.
يمكنك إضافة رمز Liquid الخاص بك لإنشاء كتلة مخصصة. يتعلم أكثر .
1.16 إعدادات كتلة تصنيف المنتج.
يعرض متوسط تقييم المنتج بالنجوم مع عدد المراجعات بين قوسين، على سبيل المثال: ★★★★★ (8). يتطلب أيضًا تطبيقًا لمراجعة المنتج مثل Shopify Product Reviews، وتعريفات الحقول التعريفية لـ review. rating_count و review. rating. يتعلم أكثر .
1.17 إعدادات كتلة المنتج التكميلي.
| إعدادات الحظر | إعدادات | وصف |
|---|---|---|
| المنتجات التكميلية | ||
| عنوان | يُدخل نصًا لمنتجك التكميلي. | |
| الحد الأقصى من المنتجات للعرض | يمكن أن يتراوح عدد المنتجات التكميلية من 1 إلى 10. | |
| عرض البائع | يعرض بائعي المنتجات. | |
| عرض السعر | يعرض أسعار المنتجات. |
1.18 إعدادات كتلة الصف القابلة للطي.
| إعدادات الحظر | إعدادات | وصف |
|---|---|---|
| صف قابل للطي | ||
| أيقونة | اختر أيقونة SVG المعدة مسبقًا والتي تناسب علامة التبويب القابلة للطي. سيؤدي الخيار "لا شيء" إلى تعطيل الرمز. | |
| عنوان | عنوان علامة التبويب. يتم عرضه عند طيه وتوسيعه. | |
| محتوى الصف | محتوى علامة التبويب. يتم عرضه فقط عند توسيع علامة التبويب. | |
| صف المحتوى من الصفحة | يعرض المحتوى من صفحة في علامة التبويب. يعرض فقط محتوى الصفحة من محرر الصفحة، ولا يتم عرض أي نمط سائل من قالب الصفحة في هذه الكتلة. يتم عرض أي محتوى يتم إدخاله في محتوى علامة التبويب أعلى محتوى الصفحة. |
2. درج المساعدة
يتيح هذا القسم للعملاء الوصول السريع والسهل إلى المعلومات، مثل منتجات المتجر وخدماته وسياساته .
| إعدادات القسم | إعدادات | وصف | درج المساعدة |
|---|---|---|
| عنوان | عنوان القسم. | |
| وصف | يتم وضع نص الوصف للعنوان أسفل العنوان. |
الكتلة المتاحة: كتلة المحتوى.
إعدادات كتلة المحتوى.
| إعدادات الحظر | إعدادات | وصف |
|---|---|---|
| محتوى | ||
| أيقونة | يختار رمز المحتوى الموجود في القائمة. | |
| عنوان | نص كبير لعنوان المحتوى. | |
| نص | إضافة النص الخاص بك. على سبيل المثال: مشاركة معلومات الاتصال وتفاصيل المتجر ومحتوى العلامة التجارية مع عملائك. | |
| النص المميز | ||
| النص المميز | اختر أحد الخيارات الستة التالية لتنسيق النص الخاص بك:
| |
| خربشات مميزة يتطلب تعيين نمط النص المميز على الخربشة المرسومة باليد. | يوفر هذا الإعداد 5 طرق لتمييز النص:
| |
| لون | يمكنك اختياريًا تخصيص ألوان القسم، بما في ذلك ما يلي:
| |
3. بطل الفيديو
.
| إعدادات القسم | إعدادات | وصف |
|---|---|---|
| بطل الفيديو | السماح برأس شفاف | ينطبق هذا الإعداد فقط عندما يكون هذا القسم هو الأول. |
| Shopify-فيديو مستضاف | فيديو | يختار مقطع فيديو من الفيديو المستضاف على Shopify. |
| تضمين الفيديو من URL | ||
| عنوان URL | رابط اليوتيوب أو Vimeo للفيديو. يجب أن يكون الفيديو متاحًا للعامة. | |
| صورة الغلاف | الصورة التي يتم عرضها قبل أن يقوم العميل بتشغيل الفيديو. | |
| نص بديل للفيديو | يصف الفيديو لجعله في متناول العملاء الذين يستخدمون برامج قراءة الشاشة. | |
| تمكين التشغيل التلقائي للفيديو | تشغيل الفيديو تلقائيا. | |
| عرض محتوى سطح المكتب | يحدد عرض الصورة عند عرضها على سطح المكتب:
| |
| تخطيط المحمول | ||
| فيديو جوال | اختيار/تحميل مقطع فيديو عن طريق تحميله على متصفح الهاتف المحمول. | |
| أو قم بتضمين فيديو من URL | تضمين فيديو من URL على متصفح الجوال. | |
| صورة غلاف الجوال | الصورة التي يتم عرضها قبل أن يقوم العميل بتشغيل الفيديو على متصفح الهاتف المحمول. | |
| ارتفاع المحمول | تحديد ارتفاع الصورة عند عرضها على الهاتف المحمول:
| |
| لون | يمكنك اختياريًا تخصيص ألوان القسم، بما في ذلك ما يلي:
| |
| قسم | ||
| يمكن ضبط الحشو في الحشو العلوي والحشو السفلي من 0 بكسل إلى 120 بكسل، وزيادة حسابيًا بمقدار 4 بكسل. | ||
| إظهار مقسم القسم | يظهر فاصل خطي فوق هذا القسم.. | |
| جعل القسم بالعرض الكامل | اجعل الحاوية كاملة العرض. | |
| جعل القسم مستديرًا | يطبق حافة مستديرة على الزاويتين العلويتين. | |
| لغة تنسيق ويب حسب الطلب | يضيف CSS مخصصًا إلى هذا القسم. | |
الكتلة المتاحة: كتلة الشريحة.
إعدادات كتلة الشريحة.
| إعدادات الحظر | إعدادات | وصف |
|---|---|---|
| الانزلاق | ||
| عنوان | عنوان الكتلة. | |
| حجم العنوان | يمكن تعيين حجم العنوان على أحد الخيارات التالية: صغير أو متوسط أو كبير أو كبير جدًا . | |
| علامة العنوان | يحدد علامة العنوان لتنظيم المحتوى الخاص بك وتنظيمه لتحسين محركات البحث. | |
| النص المميز | ||
| النص المميز | اختر أحد الخيارات الستة التالية لتنسيق النص الخاص بك:
| |
| خربشات مميزة يتطلب تعيين نمط النص المميز على الخربشة المرسومة باليد. | يوفر هذا الإعداد 5 طرق لتمييز النص:
|
4. كلية
يقوم هذا القسم بإنشاء مجموعة من مقاطع الفيديو أو الصور في عمودين. بشكل افتراضي، يحتوي القسم على مقطع فيديو ومنتج ومجموعة.
| إعدادات القسم | إعدادات | وصف |
|---|---|---|
| عنوان | ||
| عنوان | عنوان القسم. | |
| حجم العنوان | يمكن تعيين حجم العنوان على أحد الخيارات التالية: صغير أو متوسط أو كبير أو كبير جدًا . | |
| محاذاة العنوان | يمكن محاذاة العنوان إلى اليسار أو الوسط أو اليمين . | |
| علامة العنوان | يحدد علامة العنوان لتنظيم المحتوى الخاص بك وتنظيمه لتحسين محركات البحث. | |
| عنوان فرعي | يتم وضع العنوان الفرعي للعنوان فوق العنوان. | |
| وصف | يتم وضع نص الوصف للعنوان أسفل العنوان. | |
| تسمية الزر | النص الذي يتم عرضه على الزر. | |
| رابط الزر | عنوان URL للزر. | |
| النص المميز | ||
| النص المميز | اختر أحد الخيارات الستة التالية لتنسيق النص الخاص بك:
| |
| خربشات مميزة يتطلب تعيين نمط النص المميز على الخربشة المرسومة باليد. | يوفر هذا الإعداد 5 طرق لتمييز النص:
| |
| لون | يمكنك اختياريًا تخصيص ألوان القسم، بما في ذلك ما يلي:
| |
| قسم | ||
| يمكن ضبط الحشو في الحشو العلوي والحشو السفلي من 0 بكسل إلى 120 بكسل، وزيادة حسابيًا بمقدار 4 بكسل. | ||
| إظهار مقسم القسم | يظهر فاصل سطر أعلى هذا القسم. | |
| اجعل القسم ضيقًا | يجعل الحاوية ضيقة. | |
| جعل القسم مستديرًا | يطبق حافة مستديرة على الزاويتين العلويتين. | |
| تمكين تأثير المنظر | تمكين تأثير المنظر، الذي يخلق وهم العمق في صورة أو مشهد ثنائي الأبعاد. | |
| لغة تنسيق ويب حسب الطلب | يضيف CSS مخصصًا إلى هذا القسم. | |
الكتل المتاحة:
- 4.1 كتلة الصورة
- 4.2 كتلة الفيديو
4.1 إعدادات كتلة الصورة.
| إعدادات الحظر | إعدادات | وصف |
|---|---|---|
| صورة | ||
| عنوان فرعي | يتم وضع العنوان الفرعي للعنوان فوق العنوان. | |
| عنوان | عنوان الكتلة. | |
| وصلة | الرابط الذي تريد أن ينتقل العملاء إليه إذا نقروا عليه. | |
| عكس العنوان الفرعي والعنوان | تقوم المقايضة بوضع العنوان والعنوان الفرعي. | |
| صورة | يختار/يحمل صورة للكتلة. | |
| نسبة الصورة | نسبة الصورة لصور منشور المدونة:
| |
| موقف محتوى سطح المكتب | موضع المحتوى على سطح المكتب:
| |
| محاذاة محتوى سطح المكتب | محاذاة المحتوى على سطح المكتب:
| |
| تخطيط المحمول | ||
| صورة الجوال | صورة الكتلة المعروضة على الهاتف المحمول. | |
| نسبة الصورة المتنقلة | نسبة الصور للصور الموجودة على متصفح الجوال:
| |
| موضع محتوى الجوال | موضع المحتوى على متصفح الهاتف المحمول:
| |
| محاذاة محتوى الجوال | محاذاة المحتوى على متصفح الجوال:
| |
| النص المميز | ||
| النص المميز | اختر أحد الخيارات الستة التالية لتنسيق النص الخاص بك:
| |
| خربشات مميزة يتطلب تعيين نمط النص المميز على الخربشة المرسومة باليد. | يوفر هذا الإعداد 5 طرق لتمييز النص:
| |
| لون | يمكنك اختياريًا تخصيص ألوان القسم، بما في ذلك ما يلي:
| |
4.2 إعدادات كتلة الفيديو.
| إعدادات الحظر | إعدادات | وصف |
|---|---|---|
| فيديو | ||
| عنوان فرعي | يتم وضع العنوان الفرعي للعنوان فوق العنوان. | |
| عنوان | عنوان الكتلة. | |
| وصلة | الرابط الذي تريد أن ينتقل العملاء إليه إذا نقروا عليه. | |
| عكس العنوان الفرعي والعنوان | تقوم المقايضة بوضع العنوان والعنوان الفرعي. | |
| Shopify-فيديو مستضاف | فيديو | يختار مقطع فيديو من الفيديو المستضاف على Shopify |
| تضمين الفيديو من URL | ||
| عنوان URL | رابط اليوتيوب أو Vimeo للفيديو. يجب أن يكون الفيديو متاحًا للعامة. | |
| صورة الغلاف | الصورة التي يتم عرضها قبل تشغيل الفيديو. | |
| نص بديل للفيديو | قم بوصف الفيديو لجعله في متناول العملاء الذين يستخدمون برامج قراءة الشاشة. | |
| تمكين التشغيل التلقائي للفيديو | تشغيل الفيديو تلقائيا. | |
| تمكين تكرار الفيديو | تشغيل الفيديو بشكل متكرر. | |
| نسبة الصورة | نسبة الصورة لصور منشور المدونة:
| |
| موقف محتوى سطح المكتب | يضبط موضع المحتوى على سطح المكتب:
| |
| محاذاة محتوى سطح المكتب | يضبط محاذاة المحتوى على سطح المكتب:
| |
| تخطيط المحمول | ||
| فيديو جوال | اختيار/تحميل مقطع فيديو عن طريق التحميل لمتصفح الهاتف المحمول. | |
| أو قم بتضمين فيديو من URL | قم بتضمين مقطع فيديو من عنوان URL على متصفح الهاتف المحمول. | |
| صورة غلاف الجوال | الصورة التي يتم عرضها قبل تشغيل الفيديو على الهاتف المحمول. | |
| نسبة الصورة المتنقلة | نسبة الصورة للصور على متصفح سطح المكتب:
| |
| موضع محتوى الجوال | يضبط موضع المحتوى على متصفح الهاتف المحمول:
| |
| محاذاة محتوى الجوال | يضبط محاذاة المحتوى على متصفح الهاتف المحمول:
| |
| النص المميز | ||
| النص المميز | اختر أحد الخيارات الستة التالية لتنسيق النص الخاص بك:
| |
| خربشات مميزة يتطلب تعيين نمط النص المميز على الخربشة المرسومة باليد. | يوفر هذا الإعداد 5 طرق لتمييز النص:
| |
| لون | يمكنك اختياريًا تخصيص ألوان القسم، بما في ذلك ما يلي:
| |
5. صورة مع النص
يمكنك إضافة قسم يحتوي على صورة وكتلة نصية مع زر اختياري لربط العملاء بصفحة جديدة. قم بإقران النص مع الصورة للتركيز على المنتج أو المجموعة أو منشور المدونة الذي اخترته. أضف تفاصيل حول التوفر أو الطراز أو حتى قم بتقديم مراجعة.
| إعدادات القسم | إعدادات | وصف |
|---|---|---|
| صورة مع نص | ||
| صورة | يتم عرض صورة القسم على متصفح سطح المكتب. | |
| ارتفاع سطح المكتب | تحديد ارتفاع الصورة عند عرضها على سطح المكتب:
| |
| عرض صورة سطح المكتب | تحديد عرض الصورة عند عرضها على سطح المكتب: صغير، متوسط ، أو كبير | |
| وضع صورة سطح المكتب | تخطيط القسم على سطح المكتب:
| |
| محاذاة محتوى سطح المكتب | يضبط محاذاة المحتوى على سطح المكتب:
| |
| تخطيط المحمول | ||
| صورة الجوال | صورة القسم المعروضة على متصفح الجوال. | |
| ارتفاع المحمول | تحديد ارتفاع الصورة عند عرضها على الهاتف المحمول:
| |
| محاذاة محتوى الجوال | يضبط محاذاة المحتوى على متصفح الهاتف المحمول:
| |
| لون | يمكنك اختياريًا تخصيص ألوان القسم، بما في ذلك ما يلي:
| |
| قسم | ||
| يمكن ضبط الحشو في الحشو العلوي والحشو السفلي من 0 بكسل إلى 120 بكسل، وزيادة حسابيًا بمقدار 4 بكسل. | ||
| إظهار مقسم القسم | يظهر فاصل خطي فوق هذا القسم.. | |
| اجعل القسم ضيقًا | يجعل الحاوية ضيقة. | |
| جعل القسم مستديرًا | يطبق حافة مستديرة على الزاويتين العلويتين. | |
| تمكين تأثير المنظر | تمكين عرض تأثير اختلاف المنظر، الذي يخلق وهم العمق في صورة أو مشهد ثنائي الأبعاد. | |
| لغة تنسيق ويب حسب الطلب | يضيف CSS مخصصًا إلى هذا القسم. | |
الكتل المتاحة:
- 5.1 العنوان
- 5.2 النص
- 5.3 زر
- 5.4 الرابط
- 5.5 الصورة
- 5.6 سائل مخصص
- 5.7 مساحة فارغة
5.1 إعدادات كتلة العنوان.
| إعدادات الحظر | إعدادات | وصف |
|---|---|---|
| عنوان | ||
| عنوان | عنوان الكتلة. | |
| حجم العنوان | يمكن تعيين حجم العنوان على أحد الخيارات التالية: صغير أو متوسط أو كبير أو كبير جدًا . | |
| علامة العنوان | يحدد علامة العنوان لتنظيم المحتوى الخاص بك وتنظيمه لتحسين محركات البحث. | |
| النص المميز | ||
| النص المميز | اختر أحد الخيارات الستة التالية لتنسيق النص الخاص بك:
| |
| خربشات مميزة يتطلب تعيين نمط النص المميز على الخربشة المرسومة باليد. | يوفر هذا الإعداد 5 طرق لتمييز النص:
|
5.2 إعدادات كتلة النص.
| إعدادات الحظر | إعدادات | وصف |
|---|---|---|
| نص | ||
| نص | إضافة النص الخاص بك. | |
| حجم الخط | يمكن ضبط حجم النص على أحد الخيارات التالية:
يتيح لك الخيار المخصص ضبط حجم النص على أي قيمة تريدها، من 12 بكسل إلى 128 بكسل، مع زيادة حسابية بمقدار 2 بكسل. | |
| خط النص | اختر من بين خيارين لتنسيق النص: النص أو العنوان . | |
| استخدم اللون الثانوي | تمكين اللون الثانوي. | |
| النص المميز | ||
| النص المميز | اختر أحد الخيارات الستة التالية لتنسيق النص الخاص بك:
| |
| خربشات مميزة يتطلب تعيين نمط النص المميز على الخربشة المرسومة باليد. | يوفر هذا الإعداد 5 طرق لتمييز النص:
|
5.3 إعدادات كتلة الزر.
| إعدادات الحظر | إعدادات | وصف |
|---|---|---|
| زر | ||
| تسمية الزر | النص الذي يتم عرضه على الزر. | |
| رابط الزر | عنوان URL للزر. | |
| حجم الزر | اضبط حجم الزر في 3 خيارات: صغير، متوسط، أو كبير | |
| استخدم نمط زر المخطط التفصيلي | يستخدم نمط المخطط التفصيلي للزر. |
5.4 إعدادات كتلة الارتباط.
| إعدادات الحظر | إعدادات | وصف |
|---|---|---|
| وصلة | ||
| نص | نص الرابط، الذي يتم وضعه بجانب الزر مباشرة. | |
| وصلة | أضف عنوان URL الذي تريد ربطه. |
5.5 إعدادات كتلة الصورة.
| إعدادات الحظر | إعدادات | وصف | صورة |
|---|---|---|
| صورة | يختار صورة للكتلة. | |
| عرض الصورة | يختار أحد خياري عرض الصورة:
|
5.6 إعدادات الكتلة السائلة المخصصة.
يمكنك إضافة رمز Liquid الخاص بك لإنشاء كتلة مخصصة.
5.7 إعدادات كتلة المساحة الفارغة.
| إعدادات الحظر | إعدادات | وصف |
|---|---|---|
| مساحة فارغة | ||
| ارتفاع سطح المكتب | يحدد ارتفاع المساحة الفارغة عند عرضها على سطح المكتب. يمكن أن يكون من 0 بكسل إلى 120 بكسل، مع زيادة حسابية قدرها 4 بكسل. الافتراضي هو 40 بكسل. | |
| ارتفاع المحمول | يحدد ارتفاع المساحة الفارغة عند عرضها على الهاتف المحمول. يمكن أن يكون من 0 بكسل إلى 120 بكسل، مع زيادة حسابية قدرها 4 بكسل. الافتراضي هو 28 بكسل. |
6. تمرير النص
يسمح هذا القسم بإنشاء نص متحرك يتحرك عبر الشاشة. يمكن استخدامه لعرض الكثير من المعلومات في مساحة صغيرة أو جذب الانتباه أو لأغراض أخرى.
| إعدادات القسم | إعدادات | وصف |
|---|---|---|
| التمرير النص | ||
| اتجاه | حدد اتجاه التمرير المطلوب:
| |
| سرعة | يحدد سرعة تمرير النص. يمكن أن يكون من 0.5/100 بكسل إلى 2.5/100 بكسل، مع زيادة حسابية قدرها 0.1/100 بكسل. | |
| الفضاء الأفقي | تتراوح المسافات بين النصوص من 50 بكسل إلى 200 بكسل، وتزيد بزيادات قدرها 5 بكسل. | |
| تمكين شاشتين مزدوجتين | يعرض شاشتين في نفس الوقت | |
| تمكين تأثير المنظر | تمكين تأثير المنظر، الذي يخلق وهم العمق في صورة أو مشهد ثنائي الأبعاد. يمكن استخدام هذا الإعداد لتمييز نص التمرير. | |
| لون | يمكنك اختياريًا تخصيص ألوان القسم، بما في ذلك ما يلي:
| |
| قسم | ||
| يمكن ضبط الحشو في الحشو العلوي والحشو السفلي من 0 بكسل إلى 120 بكسل، وزيادة حسابيًا بمقدار 4 بكسل. | ||
| إظهار مقسم القسم | يظهر فاصل خطي فوق هذا القسم.. | |
| اجعل القسم ضيقًا | يجعل الحاوية ضيقة. | |
| جعل القسم مستديرًا | يطبق حافة مستديرة على الزاويتين العلويتين. | |
| لغة تنسيق ويب حسب الطلب | يضيف CSS مخصصًا إلى هذا القسم. | |
الكتل المتاحة:
- كتلة النص
- كتلة الصورة
6.1 إعدادات كتلة النص.
| إعدادات الحظر | إعدادات | وصف |
|---|---|---|
| نص | ||
| نص | إضافة النص الخاص بك. | |
| حجم الخط | يمكن ضبط حجم النص من 12 بكسل إلى 180 بكسل. | |
| خط النص | الاختيار من بين خيارين لتنسيق النص: النص أو العنوان . | |
| نص الاستنسل | تمكين النص الاستنسل. قد لا تعمل في جميع المتصفحات. |
6.2 إعدادات كتلة الصورة.
| إعدادات الحظر | إعدادات | وصف |
|---|---|---|
| نص | ||
| صورة | يختار صورة للكتلة. | |
| ارتفاع الصورة | يمكن ضبط ارتفاع الصورة بين 12 بكسل و180 بكسل. |
7. تفاصيل المنتج
يعرض هذا القسم معلومات حول المنتج.
| إعدادات القسم | إعدادات | وصف |
|---|---|---|
| تفاصيل المنتج | ||
| افتح الصف الأول القابل للطي | تمكن من فتح الصف الأول القابل للطي. | |
| عنوان المواصفات | يضيف النص الخاص بك، والذي سيتم تضمينه في المربع. | |
| عنوان | ||
| عنوان | عنوان القسم. | |
| حجم العنوان | يمكن تعيين حجم العنوان على أحد الخيارات التالية: صغير أو متوسط أو كبير أو كبير جدًا . | |
| محاذاة العنوان | يمكن محاذاة العنوان إلى اليسار أو الوسط أو اليمين . | |
| علامة العنوان | يحدد علامة العنوان لتنظيم المحتوى الخاص بك وتنظيمه لتحسين محركات البحث. | |
| عنوان فرعي | يتم وضع العنوان الفرعي للعنوان فوق العنوان. | |
| وصف | يتم وضع نص الوصف للعنوان أسفل العنوان. | |
| النص المميز | ||
| النص المميز | اختر أحد الخيارات الستة التالية لتنسيق النص الخاص بك:
| |
| خربشات مميزة يتطلب تعيين نمط النص المميز على الخربشة المرسومة باليد. | يوفر هذا الإعداد 5 طرق لتمييز النص:
| |
| لون | يمكنك اختياريًا تخصيص ألوان القسم، بما في ذلك ما يلي:
| |
| قسم | ||
| يمكن ضبط الحشو في الحشو العلوي والحشو السفلي من 0 بكسل إلى 120 بكسل، وزيادة حسابيًا بمقدار 4 بكسل. | ||
| إظهار مقسم القسم | يظهر فاصل خطي فوق هذا القسم.. | |
| اجعل القسم ضيقًا | يجعل الحاوية ضيقة. | |
| جعل القسم مستديرًا | يطبق حافة مستديرة على الزاويتين العلويتين. | |
| لغة تنسيق ويب حسب الطلب | يضيف CSS مخصصًا إلى هذا القسم. | |
الكتل المتاحة:
- 7.1 الوصف
- 7.2 صف قابل للطي
- 7.3 المواصفات
7.1 إعدادات كتلة الوصف.
العنوان - يضيف نص العنوان الخاص بك.
7.2 إعدادات كتلة الصف القابلة للطي.
| إعدادات الحظر | إعدادات | وصف |
|---|---|---|
| صف قابل للطي | ||
| عنوان | عنوان علامة التبويب. يتم عرضه عند طيه وتوسيعه. | |
| محتوى الصف | محتوى علامة التبويب. يتم عرضه فقط عند توسيع علامة التبويب. | |
| حقول التعريف | أدخل مساحة الاسم ومفتاح حقل التعريف الذي يحمل القيمة. يجب أن يكون كل حقل تعريف في السطر الخاص به. |
7.3 إعدادات كتلة المواصفات.
| إعدادات الحظر | إعدادات | وصف | | أيقونة | تحديد/تحميل صورة الرمز. | عنوان | عنوان الكتلة. | |
|---|
8. الأسئلة الشائعة
يعرض هذا القسم معلومات حول الأسئلة الشائعة.
| إعدادات القسم | إعدادات | وصف |
|---|---|---|
| التعليمات | أسلوب | اختر بنمط الحدود أو بنمط الخلفية لعرض القسم |
| عنوان | ||
| عنوان | عنوان القسم. | |
| حجم العنوان | يمكن تعيين حجم العنوان على أحد الخيارات التالية: صغير أو متوسط أو كبير أو كبير جدًا . | |
| محاذاة العنوان | يمكن محاذاة العنوان إلى اليسار أو الوسط أو اليمين . | |
| علامة العنوان | يحدد علامة العنوان لتنظيم المحتوى الخاص بك وتنظيمه لتحسين محركات البحث. | |
| عنوان فرعي | يتم وضع العنوان الفرعي للعنوان فوق العنوان. | |
| وصف | يتم وضع نص الوصف للعنوان أسفل العنوان. | |
| تسمية الزر | النص الذي يتم عرضه على الزر. | |
| رابط الزر | عنوان URL للزر. | |
| النص المميز | ||
| النص المميز | اختر أحد الخيارات الستة التالية لتنسيق النص الخاص بك:
| |
| خربشات مميزة يتطلب تعيين نمط النص المميز على الخربشة المرسومة باليد. | يوفر هذا الإعداد 5 طرق لتمييز النص:
| |
| لون | يمكنك اختياريًا تخصيص ألوان القسم، بما في ذلك ما يلي:
| |
| قسم | ||
| يمكن ضبط الحشو في الحشو العلوي والحشو السفلي من 0 بكسل إلى 120 بكسل، وزيادة حسابيًا بمقدار 4 بكسل. | ||
| إظهار مقسم القسم | يظهر فاصل خطي فوق هذا القسم.. | |
| اجعل القسم ضيقًا | يجعل الحاوية ضيقة. | |
| جعل القسم مستديرًا | يطبق حافة مستديرة على الزاويتين العلويتين. | |
| لغة تنسيق ويب حسب الطلب | يضيف CSS مخصصًا إلى هذا القسم. | |
الكتل المتاحة:
- 8.1 النص الغني
- 8.2 سؤال
- 8.3 نموذج الاتصال
8.1 إعدادات كتلة النص المنسق.
| إعدادات الحظر | إعدادات | وصف |
|---|---|---|
| النص الغني | ||
| عنوان | عنوان الكتلة. | |
| نص | يضيف نصًا وصفيًا لهذه الكتلة. | |
| النص المميز | ||
| النص المميز | اختر أحد الخيارات الستة التالية لتنسيق النص الخاص بك:
| |
| خربشات مميزة يتطلب تعيين نمط النص المميز على الخربشة المرسومة باليد. | يوفر هذا الإعداد 5 طرق لتمييز النص:
|
8.2 إعدادات كتلة الأسئلة.
| إعدادات الحظر | إعدادات | وصف |
|---|---|---|
| سؤال | ||
| سؤال | يضيف سؤالا متكررا. | |
| إجابة | يضيف الجواب. | |
| النص المميز | ||
| النص المميز | اختر أحد الخيارات الستة التالية لتنسيق النص الخاص بك:
| |
| خربشات مميزة يتطلب تعيين نمط النص المميز على الخربشة المرسومة باليد. | يوفر هذا الإعداد 5 طرق لتمييز النص:
|
8.3 إعدادات قالب نموذج الاتصال.
| إعدادات الحظر | إعدادات | وصف |
|---|---|---|
| نموذج الاتصال | ||
| عنوان | عنوان الكتلة. | |
| نص | النص الذي سيتم عرضه في الكتلة. | |
| إظهار رقم الهاتف | يعرض رقم الهاتف. | |
| الصورة الرمزية للفريق | اختيار/تحميل صورة لعرض الصورة الرمزية للفريق. | |
| ارتفاع الصورة الرمزية للفريق | يمكن تعديل ارتفاع الصورة الرمزية للفريق من 20 بكسل إلى 100 بكسل. | |
| النص المميز | ||
| النص المميز | اختر أحد الخيارات الستة التالية لتنسيق النص الخاص بك:
| |
| خربشات مميزة يتطلب تعيين نمط النص المميز على الخربشة المرسومة باليد. | يوفر هذا الإعداد 5 طرق لتمييز النص:
|
9. التطبيقات
| إعدادات القسم | إعدادات | وصف |
|---|---|---|
| Shopify مراجعات المنتج | تمكين تكامل مراجعات المنتج قم بتثبيت تطبيق Shopify Product Reviews لاستخدام هذه الميزة. يظهر فقط على صفحات المنتج. | تمكن من إظهار تكامل مراجعات المنتج. اضبط تطبيق "مراجعات المنتجات" ليناسب شكل الموضوع ومظهره. قم بإيقاف تشغيله لاستخدام تصميم التطبيق الأصلي. |
| لون | يمكنك اختياريًا تخصيص ألوان القسم، بما في ذلك ما يلي:
| |
| قسم | ||
| يمكن ضبط الحشو في الحشو العلوي والحشو السفلي من 0 بكسل إلى 120 بكسل، وزيادة حسابيًا بمقدار 4 بكسل. | ||
| إظهار مقسم القسم | يظهر فاصل خطي فوق هذا القسم.. | |
| اجعل القسم ضيقًا | يجعل الحاوية ضيقة. | |
| جعل القسم مستديرًا | يطبق حافة مستديرة على الزاويتين العلويتين. | |
| لغة تنسيق ويب حسب الطلب | يضيف CSS مخصصًا إلى هذا القسم. | |
هذا القسم لا يدعم إضافة الكتل.
10. المنتجات ذات الصلة
| إعدادات القسم | إعدادات | وصف |
|---|---|---|
| منتجات ذات صله | ||
| عدد المنتجات ذات الصلة | يتم تحديد من 2 إلى 12 منتجًا لعرضها في هذا القسم. | |
| عدد الأعمدة على سطح المكتب | تخصيص عدد الأعمدة المعروضة على سطح المكتب من 1 إلى 5. | |
| تمكين الرف الدائري على سطح المكتب | يعرض دائريًا للمنتجات على سطح المكتب. | |
| تخطيط المحمول | ||
| عدد الأعمدة على الجوال | تخصيص عدد الأعمدة المعروضة على الهاتف المحمول: عمود واحد أو عمودان . | |
| تمكين التمرير السريع على الهاتف المحمول | ||
| عنوان | ||
| عنوان | عنوان القسم. | |
| حجم العنوان | يمكن تعيين حجم العنوان على أحد الخيارات التالية: صغير أو متوسط أو كبير أو كبير جدًا . | |
| محاذاة العنوان | يمكن محاذاة العنوان إلى اليسار أو الوسط أو اليمين . | |
| علامة العنوان | يحدد علامة العنوان لتنظيم المحتوى الخاص بك وتنظيمه لتحسين محركات البحث. | |
| عنوان فرعي | يتم وضع العنوان الفرعي للعنوان فوق العنوان. | |
| وصف | يتم وضع نص الوصف للعنوان أسفل العنوان. | |
| النص المميز | ||
| النص المميز | اختر أحد الخيارات الستة التالية لتنسيق النص الخاص بك:
| |
| خربشات مميزة يتطلب تعيين نمط النص المميز على الخربشة المرسومة باليد. | يوفر هذا الإعداد 5 طرق لتمييز النص:
| |
| لون | يمكنك اختياريًا تخصيص ألوان القسم، بما في ذلك ما يلي:
| |
| قسم | ||
| يمكن ضبط الحشو في الحشو العلوي والحشو السفلي من 0 بكسل إلى 120 بكسل، وزيادة حسابيًا بمقدار 4 بكسل. | ||
| إظهار مقسم القسم | يظهر فاصل سطر أعلى هذا القسم. | |
| اجعل القسم ضيقًا | يجعل الحاوية ضيقة. | |
| جعل القسم مستديرًا | يطبق حافة مستديرة على الزاويتين العلويتين. | |
| لغة تنسيق ويب حسب الطلب | يضيف CSS مخصصًا إلى هذا القسم. | |
هذا القسم لا يدعم إضافة الكتل.
11. تم عرضها مؤخرًا
يساعد عملائك في العثور على المنتجات التي قاموا بزيارتها مسبقًا ويحثهم على الشراء. وهذا من شأنه أن يسهل على عملائك العثور عليها مرة أخرى بدلاً من العثور على طريقهم من خلال قائمة التنقل.
| إعدادات القسم | إعدادات | وصف |
|---|---|---|
| شوهدت مؤخرا | ||
| عدد المنتجات الحديثة | يمكن أن يتراوح عدد المنتجات التكميلية من 2 إلى 12. | |
| عدد الأعمدة على سطح المكتب | تخصيص عدد الأعمدة المعروضة على متصفح سطح المكتب من عمود واحد إلى 5 أعمدة | |
| تمكين الرف الدائري على سطح المكتب | يعرض دائرة للمنتجات من المجموعة على متصفح سطح المكتب. | |
| تخطيط المحمول | ||
| عدد الأعمدة على الجوال | تخصيص عدد الأعمدة المعروضة على متصفح الجوال: عمود واحد أو عمودين . | |
| تمكين التمرير السريع على الهاتف المحمول | يضبط عرض الهاتف المحمول على صف واحد من خلال التمرير الأفقي. | |
| عنوان | ||
| عنوان | عنوان القسم. | |
| حجم العنوان | يمكن تعيين حجم العنوان على أحد الخيارات التالية: صغير أو متوسط أو كبير أو كبير جدًا . | |
| محاذاة العنوان | يمكن محاذاة العنوان إلى اليسار أو الوسط أو اليمين . | |
| علامة العنوان | يحدد علامة العنوان لتنظيم المحتوى الخاص بك وتنظيمه لتحسين محركات البحث. | |
| عنوان فرعي | يتم وضع العنوان الفرعي للعنوان فوق العنوان. | |
| وصف | يتم وضع نص الوصف للعنوان أسفل العنوان. | |
| النص المميز | ||
| النص المميز | اختر أحد الخيارات الستة التالية لتنسيق النص الخاص بك:
| |
| خربشات مميزة يتطلب تعيين نمط النص المميز على الخربشة المرسومة باليد. | يوفر هذا الإعداد 5 طرق لتمييز النص:
| |
| لون | يمكنك اختياريًا تخصيص ألوان القسم، بما في ذلك ما يلي:
| |
| قسم | ||
| يمكن ضبط الحشو في الحشو العلوي والحشو السفلي من 0 بكسل إلى 120 بكسل، وزيادة حسابيًا بمقدار 4 بكسل. | ||
| إظهار مقسم القسم | يظهر فاصل خطي فوق هذا القسم.. | |
| اجعل القسم ضيقًا | يجعل الحاوية ضيقة. | |
| جعل القسم مستديرًا | يطبق حافة مستديرة على الزاويتين العلويتين. | |
| لغة تنسيق ويب حسب الطلب | يضيف CSS مخصصًا إلى هذا القسم. | |
هذا القسم لا يدعم إضافة الكتل.
نأمل أن تكون هذه المقالة مفيدة. إذا كانت لديك أية أسئلة أو استفسارات حول هذه الميزة، فلا تتردد في الاتصال بفريقنا للحصول على الدعم.
