Shopify پلگ ان کے لیے ایڈوانسڈ پروڈکٹ اور کلیکشنز ڈسپلے کی کسٹمائزیشنز

یہ ایڈوانسڈ سیٹنگز WordPress پر آپ کے سٹور فرنٹ کو کسٹمائز کرنے، آپ کے کاروباری برانڈ کو ذاتی نوعیت کا بنانے، اور آپ کے کسٹمرز کے خریداری کے تجربے کو بہتر بنانے میں آپ کی مدد کرتی ہیں۔

Shopify پلگ ان اور Shopify سٹور فرنٹ کے اجزاء

Shopify پلگ ان Shopify Storefront Web Components کے ساتھ بنایا گیا ہے۔ درج ذیل اجزاء آپ کے Shopify سٹور فرنٹ کے بنیادی بلاکس کے طور پر استعمال کیے جاتے ہیں:

• پروڈکٹ کارڈ کا جزو: یہ جزو انفرادی پروڈکٹ کی معلومات دکھاتا ہے، جو عام طور پر پروڈکٹ لسٹنگز یا کلیکشن کے صفحات پر ظاہر ہوتا ہے۔ اس میں اکثر پروڈکٹ کی تصویر، ٹائٹل، قیمت، اور Add to cart کا بٹن جیسے عناصر شامل ہوتے ہیں۔
• پروڈکٹ کوئیک ویو موڈل کا جزو: یہ جزو موجودہ مواد کے اوپر ایک موڈل دکھاتا ہے جس میں پروڈکٹ کی تفصیلات، Add to cart کا بٹن، اور پروڈکٹ کی مکمل تفصیلات دیکھنے کے لیے ایک لنک شامل ہوتا ہے۔
• پروڈکٹ کی تفصیل کے پیج کا جزو: یہ جزو پروڈکٹ کی مکمل تفصیلات کے ساتھ ایک واحد پروڈکٹ دکھاتا ہے۔ پروڈکٹ کی تفصیل کے پیج کے ہر جزو کا ایک منفرد URL ہوتا ہے۔
• کلیکشن کا جزو: یہ جزو آپ کی بنائی گئی پروڈکٹس کی کلیکشنز کو دکھاتا ہے۔

Shopify پروڈکٹس اور کلیکشنز کے ڈسپلے کی کسٹمائزیشن

آپ کے پلگ ان پر ڈیفالٹ Shopify سٹور فرنٹ کے اجزاء میں خریداری کا ایک ہموار تجربہ بنانے میں مدد کے لیے ٹولز موجود ہیں۔ آپ کے پاس ان اجزاء کے ڈسپلے کو اپنی مخصوص برانڈ کی شناخت اور ڈیزائن کے تقاضوں سے ہم آہنگ کرنے کے لیے کسٹمائز کرنے کی لچک بھی موجود ہے۔

اس طرح کی کسٹمائزیشنز کرنے کے لیے، آپ کے پاس اپنی WordPress تھیم کی فائلوں اور ڈائریکٹریز میں ترمیم کرنے کی رسائی ہونی چاہیے۔ اس عمل میں آپ کی فعال WordPress تھیم کی ڈائریکٹری کے اندر ایک مخصوص فولڈر بنانا شامل ہے۔

اقدامات:

1. Shopify فولڈر بنائیں: اپنی فعال تھیم کی ڈائریکٹری میں براہ راست Shopify نامی ایک نیا فولڈر بنا کر شروع کریں۔ یہ فولڈر آپ کے کسٹم جزو کے اوور رائیڈز کے لیے مرکزی مقام کے طور پر کام کرتا ہے۔
2. انفرادی اجزاء کو اوور رائیڈ کریں: کسی مخصوص جزو میں ترمیم کرنے کے لیے، نئے بنائے گئے Shopify فولڈر کے اندر ایک نامزد کردہ نام کے ساتھ PHP فائل شامل کریں۔ پلگ ان کے لیے آپ کے کسٹم ورژنز کو پہچاننے اور لاگو کرنے کے لیے ان اوور رائیڈ فائلوں کا نام رکھنے کا طریقہ کار انتہائی اہم ہے:
   • پروڈکٹ کارڈ کے جزو کو اوور رائیڈ کرنے کے لیے، Shopify فولڈر کے اندر product-card.php کے نام سے ایک PHP فائل بنائیں۔
   • پروڈکٹ کوئیک ویو موڈل کے جزو کو اوور رائیڈ کرنے کے لیے، Shopify فولڈر کے اندر modal.php کے نام سے ایک PHP فائل بنائیں۔
   • پروڈکٹ کی تفصیل کے پیج کے جزو کو اوور رائیڈ کرنے کے لیے، Shopify فولڈر کے اندر pdp.php کے نام سے ایک PHP فائل بنائیں۔
   • کلیکشن کے جزو کو اوور رائیڈ کرنے کے لیے، Shopify فولڈر کے اندر component.php کے نام سے ایک PHP فائل بنائیں۔

آپ کی کسٹم PHP فائل بننے کے بعد، پلگ ان اس مخصوص عنصر کے لیے اپنی ڈیفالٹ جزو کی فائل کو نظر انداز کر دیتا ہے۔ آپ ان اوور رائیڈ فائلوں کے اندر کوئی بھی کوڈ نافذ کر سکتے ہیں، بشمول سٹیٹک HTML بلاکس سے لے کر پیچیدہ PHP لاجک تک۔

اگرچہ تسلسل برقرار رکھنے اور پہلے سے موجود Shopify فنکشنلٹیز تک رسائی کے لیے Shopify Storefront Web Components کا فائدہ اٹھانے کی انتہائی سفارش کی جاتی ہے (جیسا کہ ڈیفالٹ پلگ ان کے ڈھانچے میں استعمال کیا گیا ہے)، آپ صرف ان تک محدود نہیں ہیں۔ آپ پروڈکٹ اور کلیکشن کا ڈیٹا حاصل کرنے اور دکھانے کے لیے دیگر طریقے بھی شامل کر سکتے ہیں، جس سے ایڈوانسڈ کسٹمائزیشنز ممکن ہو جاتی ہیں۔

مزید معلومات اور بہترین طریقوں کے لیے، WordPress پلگ ان ڈیویلپر کی دستاویزات سے رجوع کریں۔

Shopify پروڈکٹس اور کلیکشنز ری رائٹس

جب آپ Shopify پر کوئی پروڈکٹ یا کلیکشن شائع کرتے ہیں، تو ہر پروڈکٹ اور کلیکشن کا ایک منفرد URL ہوتا ہے۔ ڈیفالٹ طور پر، یہ URLs آپ کی Shopify ڈومین کے ساتھ بنائے جاتے ہیں۔ ری رائٹس فنکشن کے ساتھ، آپ اپنی عوامی WordPress ڈومین کے ذریعے ان منفرد URLs تک رسائی حاصل کر سکتے ہیں۔

اقدامات:

1. Shopify پلگ ان سے، Settings پر جائیں۔
2. Advanced ٹیب میں، یقینی بنائیں کہ Shopify links rewrites کے سیکشن میں دونوں چیک باکسز ایکٹیویٹ ہیں۔
3. Permalink پر جائیں۔
4. اس نئے اصول کو لاگو کرنے کے لیے Save پر کلک کریں۔
5. اپنے Shopify ایڈمن پر جائیں، اور پھر اس پروڈکٹ یا کلیکشن کی تفصیل کے پیج پر جائیں جس کے لیے آپ WordPress لنک بنانا چاہتے ہیں۔
6. سرچ انجن لسٹنگ کارڈ میں، ایک URL دکھایا جاتا ہے جو کسٹمرز کو براہ راست آپ کے پروڈکٹ یا کلیکشن سے لنک کرتا ہے۔ مثال کے طور پر: https://johns-apparel.myshopify.com › products › huskee-reusable-cup۔
7. اپنی WordPress سائٹ کے URL کے آخر میں products/huskee-reusable-cup شامل کریں۔ مثال کے طور پر: https://johns-apparel-wordpress.com/products/huskee-reusable-cup۔

اپنے پروڈکٹ کارڈ کے رویے کو کسٹمائز کریں

Shopify سٹور فرنٹ کے اجزاء کے ساتھ، پروڈکٹ کی تفصیل کے کارڈ کی دو اقسام ہیں:

1. کوئیک ویو (Quick view): پروڈکٹ کارڈ پر ہوور کرتے وقت، کسٹمر کے پاس Quick Shop کا آپشن ہوتا ہے۔ کلک کرنے پر، پروڈکٹ کی تفصیلات بیک گراؤنڈ میں موجودہ مواد کے اوپر پاپ اپ یا موڈل سٹائل میں ظاہر ہوتی ہیں۔
2. پروڈکٹ کا تفصیلی پیج: جب کوئی کسٹمر پروڈکٹ کارڈ پر کلک کرتا ہے، جیسے کہ تصویر یا پروڈکٹ کے نام پر، تو پروڈکٹ کی تفصیلات ایک منفرد URL کے ساتھ مکمل پیج ویو میں ڈسپلے ہوتی ہیں۔

آپ صرف کوئیک ویو، صرف پروڈکٹ کا تفصیلی پیج، یا دونوں ڈسپلے کرنے کے لیے اس سیٹنگ کو تبدیل کر سکتے ہیں۔

اقدامات:

1. WordPress میں Shopify پلگ ان سے، سیٹنگز پر جائیں۔
2. Advanced ٹیب سے، Product View سیکشن پر جائیں۔
3. وہ آپشن منتخب کریں جو آپ کے سٹور کے لیے بہترین ہو۔
4. محفوظ کریں پر کلک کریں۔