تخصيصات متقدمة لعرض المنتجات والمجموعات للمكوّن الإضافي لـ Shopify

تساعدك هذه الإعدادات المتقدمة على تخصيص واجهة متجرك على WordPress، وإضفاء طابع شخصي على علامتك التجارية، وتحسين تجربة الشراء لعملائك.

المكوّن الإضافي لـ Shopify ومكوّنات واجهة متجر Shopify

تم بناء المكوّن الإضافي لـ Shopify باستخدام مكوّنات ويب واجهة متجر Shopify. تُستخدم المكوّنات التالية ككتل بناء لواجهة متجر Shopify الخاصة بك:

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

تخصيص عرض منتجات ومجموعات Shopify

تحتوي المكوّنات الافتراضية لواجهة متجر Shopify في المكوّن الإضافي الخاص بك على أدوات للمساعدة في إنشاء تجربة تسوق سلسة. كما تتمتع بالمرونة لتخصيص عرض هذه المكوّنات لتتوافق مع هوية علامتك التجارية ومتطلبات التصميم الخاصة بك.

لإجراء مثل هذه التخصيصات، يجب أن يكون لديك حق الوصول لتعديل ملفات وأدلة قالب WordPress الخاص بك. تتضمن العملية إنشاء مجلد مخصص داخل دليل قالب WordPress النشط الخاص بك.

الخطوات:

1. إنشاء مجلد Shopify: ابدأ بإنشاء مجلد جديد باسم Shopify مباشرة داخل دليل القالب النشط. يعمل هذا المجلد كموقع مركزي لعمليات تجاوز المكوّن المخصصة.
2. تجاوز المكوّنات الفردية: لتعديل مكوّن معين، أضف ملف PHP باسم محدد داخل مجلد Shopify الذي أُنشئ حديثًا. يُعد اصطلاح التسمية لملفات التجاوز هذه أمرًا بالغ الأهمية لكي يتعرّف المكوّن الإضافي على إصداراتك المخصصة ويطبّقها:
   • لتجاوز مكوّن بطاقة المنتج، أنشئ ملف PHP باسم product-card.php داخل مجلد Shopify.
   • لتجاوز مكوّن العرض السريع المشروط للمنتج، أنشئ ملف PHP باسم modal.php داخل مجلد Shopify.
   • لتجاوز مكوّن صفحة تفاصيل المنتج، أنشئ ملف PHP باسم pdp.php داخل مجلد Shopify.
   • لتجاوز مكوّن المجموعة، أنشئ ملف PHP باسم component.php داخل مجلد Shopify.

بعد إنشاء ملف PHP المخصص، يتجاهل المكوّن الإضافي ملف المكوّن الافتراضي الخاص به لهذا العنصر المحدد. يمكنك تنفيذ أي كود داخل ملفات التجاوز هذه، بدءًا من كتل HTML الثابتة وصولًا إلى منطق PHP المعقد.

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

لمزيد من المعلومات وأفضل الممارسات، راجع وثائق مطوّري المكوّنات الإضافية لـ WordPress.

عمليات إعادة كتابة روابط منتجات ومجموعات Shopify

عند نشر منتج أو مجموعة على Shopify، يكون لكل منتج ومجموعة عنوان URL فريد. بشكل افتراضي، يتم إنشاء عناوين URL هذه باستخدام نطاق Shopify الخاص بك. باستخدام وظيفة إعادة الكتابة، يمكنك الوصول إلى عناوين URL الفريدة هذه باستخدام نطاق WordPress العام الخاص بك.

الخطوات:

1. من المكوّن الإضافي لـ Shopify، انتقل إلى الإعدادات.
2. في علامة تبويب متقدم، تأكد من تنشيط خانتي الاختيار في قسم إعادة كتابة روابط Shopify.
3. انتقل إلى الروابط الدائمة.
4. انقر على حفظ لتطبيق هذه القاعدة الجديدة.
5. انتقل إلى مسؤول Shopify، ثم انتقل إلى صفحة تفاصيل المنتج أو المجموعة التي تريد إنشاء رابط WordPress لها.
6. في بطاقة إدراج محرك البحث، يُعرض عنوان URL يربط العملاء مباشرةً بمنتجك أو مجموعتك. على سبيل المثال: https://johns-apparel.myshopify.com › products › huskee-reusable-cup.
7. أضف products/huskee-reusable-cup في نهاية عنوان URL لموقع WordPress الخاص بك. على سبيل المثال: https://johns-apparel-wordpress.com/products/huskee-reusable-cup.

تخصيص سلوك بطاقة المنتج

مع مكوّنات واجهة متجر Shopify، يوجد نوعان لبطاقات تفاصيل المنتج:

1. عرض سريع: عند تمرير المؤشر فوق بطاقة المنتج، يكون لدى العميل خيار تسوق سريع. عند النقر عليه، تُعرض تفاصيل المنتج بنمط نافذة منبثقة أو مشروطة فوق المحتوى الحالي في الخلفية.
2. صفحة المنتج التفصيلية: عندما ينقر العميل على بطاقة المنتج، مثل الصورة أو اسم المنتج، تُعرض تفاصيل المنتج في عرض صفحة كاملة برابط URL فريد.

يمكنك تغيير هذا الإعداد لعرض إما عرض سريع فقط، أو صفحة منتج تفصيلية فقط، أو كليهما.

الخطوات:

1. من مكوّن Shopify الإضافي في WordPress، انتقل إلى الإعدادات.
2. من علامة التبويب خيارات متقدمة، انتقل إلى قسم عرض المنتج.
3. اختر الخيار الأنسب لمتجرك.
4. انقر على حفظ.