المساعدة
تسجيل الدخول

عرض Shop Promise في صفحة المنتج

تُعرض شارة Shop Promise بجوار تواريخ التوصيل وفي صفحات المنتجات لعمليات التوصيل المؤهلة والتي يُقدَّر توصيلها محليًا في الولايات المتحدة في خمسة أيام تقويمية أو أقل. وتُعلم هذه الشارة العملاء بأن طلبهم يتضمن خدمة توصيل سريعة وموثوقة.

بعد تفعيل Shop Promise، يجب عليك الانتقال إلى صفحة المنتج باستخدام محرر القوالب للتأكد من أن شارة Shop Promise تُعرض بشكل صحيح.

إذا لم تُعرض الشارة بشكل صحيح، فتأكد من تفعيل أزرار الدفع السريع في متجرك. ولديك أيضًا العديد من الخيارات لتخصيص عرض شارة Shop Promise.

في هذه الصفحة

تحديد موضع وحدة Shop Promise يدويًا

إذا كنت على دراية بقراءة وتعديل تعليمات القالب البرمجية، فيمكنك تحديد مكان إجراء التغييرات وتحديث صفحة المنتج.

تحديد مكان إجراء التغييرات

يجب تضمين التعليمات البرمجية لوحدة Shop Promise في نموذج المنتج في صفحة المنتج، والذي يجب أن يكون مشابهًا لـ {%- form 'product', product -%}. يمكن العثور على وحدة Shop Promise في مواقع مختلفة بناءً على القالب الخاص بك. فيما يلي المواقع الشائعة:

  • main-product.liquid
  • product-form.liquid
  • product-template.liquid
  • product.liquid

تحديث صفحة المنتج

الخطوات:

سطح المكتب

  1. من مسؤول Shopify، انتقل إلى المتجر الإلكتروني > القوالب.

  2. ابحث عن القالب الذي تريد تعديله، وانقر على أيقونة Horizontal menu لفتح قائمة الإجراءات، ثم انقر على تعديل الرمز.

  3. افتح الملف المعني.

  4. ابحث عن السطر الذي يحتوي على {%- if block.settings.show_dynamic_checkout -%} أو {{ form | payment_button }}.

  5. أضف سطرًا جديدًا مباشرةً أسفل {%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%} والصق ما يلي في هذا السطر:

<div class="delivery-promise__promise-container"></div>
  1. انقر على حفظ.

يجب أن تكون النتيجة مشابهة لما يلي:

{%- if block.settings.show_dynamic_checkout -%}
  {{ form | payment_button }}
{%- endif -%}
<div class="delivery-promise__promise-container"></div>
الهاتف المحمول

  1. من تطبيق Shopify، اضغط على أيقونة Menu.

  2. في قسم قنوات المبيعات، اضغط على المتجر الإلكتروني > إدارة جميع القوالب.

  3. ابحث عن القالب الذي تريد تعديله، واضغط على زر … لفتح قائمة الإجراءات، ثم اضغط على تعديل الرمز.

  4. افتح الملف المعني.

  5. ابحث عن السطر الذي يحتوي على {%- if block.settings.show_dynamic_checkout -%} أو {{ form | payment_button }}.

  6. أضف سطرًا جديدًا مباشرةً أسفل {%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%} والصق ما يلي في هذا السطر:

<div class="delivery-promise__promise-container"></div>
  1. اضغط على حفظ أو ✓.

يجب أن تكون النتيجة مشابهة لما يلي:

{%- if block.settings.show_dynamic_checkout -%}
  {{ form | payment_button }}
{%- endif -%}
<div class="delivery-promise__promise-container"></div>

تجاوز قالب وحدة Shop Promise يدويًا

تحتوي وحدة Shop Promise على قالب داكن وفاتح. وتستخدم الوحدة تلقائيًا القالب الذي يتمتع بأعلى نسبة تباين مقارنةً بلون خلفية صفحة المنتج.

إذا كنت على دراية جيدة بقراءة رموز القوالب وتعديلها، فيمكنك تجاوز القالب المحدد للوحدة من خلال إضافة سمة بيانات إلى عنصر الارتساء الذي يُستخدم لتحديد موضع وحدة Shop Promise يدويًا.

قبل إجراء أي تغييرات، أنشئ نسخة مكررة من القالب وعدِّل هذه النسخة، حتى تتمكن من التراجع عن أي تغييرات بسهولة.

الخطوات:

سطح المكتب
  1. اتبع التعليمات لتحديد موضع وحدة Shop Promise يدويًا في صفحة منتجك ثم اترك محرر القوالب مفتوحًا.
  2. أضف سمة بيانات قالب إلى عنصر الارتساء المُنشأ حديثًا مضبوطة على dark أو light.
  3. انقر على حفظ.

يجب أن تكون النتيجة مشابهة لأحد ما يلي:

<div class="delivery-promise__promise-container" data-theme="dark"></div>

أو

<div class="delivery-promise__promise-container" data-theme="light"></div>
الهاتف المحمول
  1. اتبع التعليمات لتحديد موضع وحدة Shop Promise يدويًا في صفحة منتجك ثم اترك محرر القوالب مفتوحًا.
  2. أضف سمة بيانات قالب إلى عنصر الارتساء المُنشأ حديثًا مضبوطة على dark أو light.
  3. اضغط على حفظ.

يجب أن تكون النتيجة مشابهة لأحد ما يلي:

<div class="delivery-promise__promise-container" data-theme="dark"></div>

أو

<div class="delivery-promise__promise-container" data-theme="light"></div>

إضافة رمز HTML مخصص أو Liquid لوحدة Promise

إذا كان قالبك يدعم الكتل المخصصة، فيمكنك استخدام كتلة Liquid مخصصة لإضافة وحدة Shop Promise إلى صفحة منتجك بدون تعديل رمز القالب.

خطوات إضافة وحدة Promise باستخدام كتلة Liquid مخصصة:

سطح المكتب

  1. من مسؤول Shopify، انتقل إلى المتجر الإلكتروني > القوالب.

  2. ابحث عن القالب الذي تريد تعديله، وانقر على تعديل القالب.

  3. انتقل إلى إحدى صفحات المنتجات باستخدام محدِّد النماذج في شريط القائمة العلوي.

  4. في قائمة الشريط الجانبي، ابحث عن قسم معلومات المنتج.

  5. انقر على إضافة كتلة وحدد Liquid مخصص من قائمة الكتل المتاحة.

  6. في حقل نص Liquid المخصص، الصق الرمز التالي:

<div class="delivery-promise__promise-container"></div>
  1. حدّد موضع الكتلة عن طريق سحبها إلى الموقع المطلوب، ويكون عادةً أسفل كتلة أزرار الشراء.
  2. انقر على حفظ لتطبيق تغييراتك.

إذا كنت تريد تحديد تفضيل للقالب (داكن أو فاتح)، فاستخدم أحد الإجراءات التالية بدلًا من ذلك:

<div class="delivery-promise__promise-container" data-theme="dark"></div>

أو

<div class="delivery-promise__promise-container" data-theme="light"></div>
الهاتف المحمول

  1. من تطبيق Shopify، اضغط على أيقونة Menu.

  2. في قسم قنوات المبيعات، اضغط على المتجر الإلكتروني > إدارة جميع القوالب.

  3. ابحث عن قالبك النشط واضغط على تعديل القالب.

  4. انتقل إلى إحدى صفحات المنتجات باستخدام محدِّد النماذج في الجزء العلوي.

  5. اضغط على قسم معلومات المنتج.

  6. اضغط على إضافة كتلة وحدد Liquid مخصص.

  7. في حقل نص Liquid المخصص، الصق الرمز التالي:

<div class="delivery-promise__promise-container"></div>
  1. حدّد موضع الكتلة عن طريق سحبها إلى الموقع المطلوب، ويكون عادةً أسفل كتلة أزرار الشراء.
  2. اضغط على حفظ لتطبيق تغييراتك.

إذا كنت تريد تحديد تفضيل للقالب (داكن أو فاتح)، فاستخدم أحد الإجراءات التالية بدلًا من ذلك:

<div class="delivery-promise__promise-container" data-theme="dark"></div>

أو

<div class="delivery-promise__promise-container" data-theme="light"></div>

اللغات المدعومة لشارة Shop Promise

راجع الجدول التالي لمعرفة اللغات التي يمكن عرض شارة Shop Promise بها. إذا كانت لغة متجرك غير مدعومة، فسيتم عرض شارة Shop Promise باللغة الإنجليزية.

اللغات التي يمكن عرض شارة Shop Promise بها.
الصينية (المبسطة)الصينية (التقليدية)الكرواتيةالتشيكية
الدنماركيةالهولنديةالإنجليزيةالفنلندية
الفرنسيةالألمانيةاليونانيةالهندية
المجريةالإندونيسيةالإيطاليةاليابانية
الكوريةالليتوانيةالملايوالنرويجية (بوكمول)
البولنديةالبرتغالية (البرازيل)البرتغالية (البرتغال)الرومانية
الروسيةالسلوفاكيةالسلوفينيةالإسبانية
السويديةالتايلانديةالتركيةالفيتنامية