اپنے آن لائن سٹور کی تھیم کی ٹربل شوٹنگ کرنا
یہ گائیڈ آپ کو اپنے آن لائن سٹور کی تھیم سے متعلق عام مسائل بشمول ڈسپلے کے مسائل، غائب عناصر اور فعالیت کے مسائل کی ٹربل شوٹنگ میں مدد دیتی ہے۔ مخصوص مسئلے کی ٹربل شوٹنگ کی طرف بڑھنے سے پہلے ٹربل شوٹنگ کے عمومی اقدامات مکمل کریں۔ اگر اس گائیڈ پر عمل کرنے کے بعد بھی آپ کو مسائل درپیش ہوں، تو آپ اپنی تھیم کی سپورٹ ٹیم سے رابطہ کر سکتے ہیں۔
مرحلہ 1: عام ٹربل شوٹنگ
اپنی تھیم میں مسئلے کے ماخذ کا پتہ لگانے کے لیے ان مراحل کو مکمل کریں:
- تصدیق کریں کہ مسئلہ آپ کی ڈیوائس تک محدود نہیں ہے: مقامی مسائل عام طور پر ڈیوائس یا براؤزر کی سیٹنگز، یا انٹرنیٹ کنکشن کے مسائل کا نتیجہ ہوتے ہیں۔ درج ذیل مراحل کو آزمائیں:
- اپنے براؤزر کیشے اور کوکیز کو صاف کریں۔ اگر آپ اپنے Shopify اکاؤنٹ کے ساتھ Shopify ہیلپ سینٹر میں لاگ ان ہیں، تو اپنے براؤزر کیشے اور کوکیز کو صاف کرنے سے آپ اپنے اکاؤنٹ سے لاگ آؤٹ ہو جاتے ہیں۔
- انکوگنیٹو موڈ، کوئی دوسری ڈیوائس، یا Shopify ایپ استعمال کرنے کی کوشش کریں۔
- موبائل ڈیٹا یا کوئی دوسرا انٹرنیٹ کنکشن استعمال کرنے کی کوشش کریں۔
- تصدیق کریں کہ آپ کا براؤزر اپ ٹو ڈیٹ ہے۔
- تصدیق کریں کہ براؤزر تمام کوکیز کو مسدود کرنے کے لیے سیٹ نہیں ہے، کیونکہ کچھ ایپ کوکیز کے بغیر درست طریقے سے ظاہر نہیں ہو سکتی ہیں۔
- تصدیق کریں کہ آپ ورچوئل پرائیویٹ نیٹ ورک (VPN) استعمال نہیں کر رہے ہیں یا کوئی ایسا فائر وال فعال نہیں ہے جو Shopify کو مسدود کرتا ہو۔
- مسئلے کو کسی دوسری تھیم پر ٹیسٹ کریں: اگر آپ کو اب بھی دوسری ڈیوائس، براؤزر، یا انٹرنیٹ کنکشن پر مسئلہ درپیش ہے، تو یہ کوئی مقامی مسئلہ نہیں ہے اور اسے دہرایا جا سکتا ہے۔ Theme Store پر جائیں اور تھیم کا نیا ورژن انسٹال کریں اور ٹیسٹ کریں کہ آیا یہ مسئلہ اب بھی تھیم کے تازہ ترین ورژن پر موجود ہے۔ ایک مختلف تھیم انسٹال کرنا، جیسا کہ مفت Shopify تھیم، ایک اچھی پریکٹس بھی ہے، کیونکہ اس سے آپ یہ تعین کر سکتے ہیں کہ آیا مسئلہ اس مخصوص تھیم کی وجہ سے ہے یا تمام تھیم کو ایک ہی مسئلہ درپیش ہے۔ دیگر تھیم کو ٹیسٹ کرنے کے بعد:
- اگر مسئلہ صرف آپ کی موجودہ تھیم اور تھیم کے اپ ڈیٹ شدہ اور غیر تخصیص شدہ ورژن پر موجود ہے، تو آپ کو اپنی تھیم کے لیے سپورٹ حاصل کرنے کی ضرورت پڑ سکتی ہے۔
- اگر آپ کا مسئلہ صرف موجودہ تھیم پر موجود ہے، تو ہو سکتا ہے کہ تھیم کا کوئی کوڈ مسائل پیدا کر رہا ہو۔ اگر آپ جانتے ہیں کہ کون سی تھیم فائل تبدیل کی گئی تھی، یا اگر آپ متاثرہ فائل کی شناخت کر سکتے ہیں، تو آپ کوڈ ایڈیٹر کے ٹائم لائن ویو میں اس فائل کا دستیاب پچھلا ورژن بحال کر سکتے ہیں۔ پچھلے ورژن کو بحال کرنے سے فائل کا پورا مواد تبدیل ہو جاتا ہے، اس لیے اگر آپ کوئی بھی تبدیلی برقرار رکھنا چاہتے ہیں تو پہلے موجودہ فائل کے مواد کو کسی محفوظ جگہ پر کاپی کر لیں۔ اگر آپ نے تھیم میں موجود کوڈ تبدیل نہیں کیا ہے، تو آپ کو اپنی تھیم کی سیٹنگز کا جائزہ لینا چاہیے۔ مثال کے طور پر، اگر کارٹ میں شامل کریں بٹن ظاہر نہیں ہو رہا ہے، تو اپنی تھیم کی سیٹنگز میں بٹن کے رنگوں کا جائزہ لیں اور تصدیق کریں کہ وہ مختلف اور متضاد رنگ ہیں۔
- اگر مسئلہ تمام تھیم پر موجود ہے، تو یہ آپ کی Shopify ایڈمن سیٹنگز، ایپ، یا دیگر مسائل کی وجہ سے ہو سکتا ہے۔
- ٹیسٹ کریں کہ آیا مسئلہ کسی ایپ کی وجہ سے ہے: اگر آپ نے حال ہی میں کوئی ایسی ایپ انسٹال یا اپ ڈیٹ کی ہے جو آپ کے سٹور فرنٹ کو متاثر کرتی ہے، تو آپ عارضی طور پر ایپ کو اَن انسٹال کر سکتے ہیں۔ اگر ایپ کو اَن انسٹال کرنے کے بعد مسئلہ موجود نہیں رہتا ہے، تو آپ اپنے سٹور فرنٹ پر اسے درست طریقے سے ڈسپلے کروانے میں مزید مدد کے لیے ایپ ڈیولپر کی سپورٹ ٹیم سے رابطہ کر سکتے ہیں۔ اپنی ایپ کے سلسلے میں مدد حاصل کرنے کے بارے میں مزید جانیں۔ اگر ایپ کو اَن انسٹال کرنے کے بعد بھی مسئلہ موجود ہے، تو ایپ مسئلے کا ماخذ نہیں ہے۔
مرحلہ 2: تھیم کا مسئلہ منتخب کریں
تصویر ڈسپلے ہونے کے مسائل کی ٹربل شوٹنگ کریں
تصاویر آپ کی توقعات سے مختلف ڈسپلے ہو سکتی ہیں، لیکن اس کی وجہ یہ ہو سکتی ہے کہ تصویر بذات خود آپ کی تھیم میں استعمال کے مقصد سے مطابقت نہیں رکھتی ہے۔ تصدیق کریں کہ آپ جو تصویر استعمال کر رہے ہیں اس کی تصویر کی ڈائمینشنز درست ہیں۔ عام ڈسپلے کے مسائل کی درج ذیل فہرست کا جائزہ لیں جو غیر موافق تصویر اپ لوڈ کرتے وقت پیش آ سکتے ہیں:
- اگر آپ کا ہیڈر بڑا ظاہر ہوتا ہے اور آپ کے لوگو کی تصویر آپ کی توقع سے چھوٹی ظاہر ہوتی ہے، تو اس کی وجہ لوگو کی تصویر کی فائل میں وائٹ سپیس ہو سکتی ہے۔ لوگو امیج فائل میں وائٹ سپیس کی وجہ سے لوگو چھوٹا ڈسپلے ہو سکتا ہے اور وائٹ سپیس کی وجہ سے آپ کا ہیڈر بڑا ڈسپلے ہو سکتا ہے۔ تصویر کی فائل میں ترمیم کرکے تصدیق کریں کہ اسے لوگو کے گرد کراپ کیا گیا ہے اور اس میں کوئی وائٹ سپیس نہیں ہے۔
- اگر آپ کے سلائیڈ شو کی تصویر کراپ ہو رہی ہے، تو یہ اس لیے ڈیزائن کیا گیا ہے تاکہ تصدیق کی جا سکے کہ تصاویر موبائل اور ڈیسک ٹاپ پر ایک جیسی ڈسپلے ہوتی ہیں۔ چونکہ موبائل سکرین پر مواد بہت چھوٹا ڈسپلے ہوتا ہے، اس لیے مواد کو سکیڑنے سے بہت سی تفصیلات ضائع ہو سکتی ہیں۔ اس کے بجائے، مواد کو کراپ کیا جاتا ہے تاکہ تصدیق ہو سکے کہ تفصیلات ضائع نہیں ہوئی ہیں۔ ایک پورٹریٹ تصویر، جس کی چوڑائی سے زیادہ اونچائی ہوتی ہے، ڈیسک ٹاپ پر نمایاں جگہ لے سکتی ہے۔ یہی وجہ ہے کہ سلائیڈ شو کی تصاویر کی زیادہ سے زیادہ اونچائی ہوتی ہے۔ آپ اپنی سلائیڈ شو کی تصاویر میں ایک فوکل پوائنٹ شامل کر سکتے ہیں تاکہ تصدیق ہو سکے کہ فوکل پوائنٹ ہمیشہ سلائیڈ شو کی تصویر کا مرکز رہے۔
اڈاپٹیو ہائٹ کا آپشن: بہت سی Shopify تھیم میں سلائیڈ شوز کے لیے ایک اڈاپٹیو ہائٹ کی سیٹنگ شامل ہوتی ہے جو سلائیڈ شو کی اونچائی کو پہلی تصویر کی سلائیڈ سے مماثل کرنے کے لیے ایڈجسٹ کرتی ہے، جس سے سکرین کے مختلف سائز میں کراپنگ کم ہو جاتی ہے۔ یہ فیچر Shopify کی تیار کردہ تمام فی الحال سپورٹ شدہ تھیم میں دستیاب ہے۔
- اگر GIF تصویر درست طریقے سے ظاہر نہیں ہو رہی ہے اور اسے آپ کے سٹور فرنٹ میں رچ ٹیکسٹ ایڈیٹر کے ساتھ شامل کیا گیا ہے، جیسا کہ پروڈکٹ کی تفصیل یا کسی بلاگ پوسٹ میں، تو اس کی وجہ تصویر کا سائز ہو سکتا ہے۔ آپ رچ ٹیکسٹ ایڈیٹر میں GIF پر کلک کر کے اسے درست کر سکتے ہیں، اور پھر تصویر میں ترمیم کریں پر کلک کریں۔ تصویر کے سائز کے ڈراپ ڈاؤن مینو میں، اصل کو منتخب کریں۔ اس کے بعد آپ تصویر کو چھوٹا کرنے کے لیے اس کے کونوں پر کلک کر کے اور اندر کی طرف ڈریگ کر کے یا بڑا کرنے کے لیے باہر کی طرف ڈریگ کر کے GIF کا سائز تبدیل کر سکتے ہیں۔
- اگر آپ کے سٹور فرنٹ پر آپ کی تصاویر میں آپ کی اصل تصویر کے مقابلے میں نمایاں رنگ کی تبدیلی ہے، تو ہو سکتا ہے آپ کی تصاویر معیاری ریڈ گرین بلیو (sRBG) رنگوں میں نہ ہوں۔ رنگ کی اس تبدیلی کو ٹھیک کرنے کے لیے، فوٹو ایڈیٹنگ ایپلی کیشن میں اپنی فائل کو sRBG کے بطور محفوظ کریں۔ اس کے لیے عام اصطلاحات "Web optimize"، "Adjust image for Web"، یا "Save for Web" ہیں۔ کلر پروفائلز کے بارے میں مزید جانیں۔
- اگر آپ کے کلیکشن کے صفحات پر آپ کی پروڈکٹ کی تصاویر درست سیدھ میں نہیں ہیں، تو آپ کو پروڈکٹ کی تصویر کی فائلوں میں پہلو کے تناسب (aspect ratio) کو ایڈجسٹ کرنے کی ضرورت پڑ سکتی ہے تاکہ ان کی اونچائی اور چوڑائی کا تناسب ایک جیسا ہو، اور پھر پروڈکٹ کی تصویر دوبارہ اپ لوڈ کریں۔ آپ Shopify App Store سے امیج ایڈیٹنگ ایپ بھی استعمال کر سکتے ہیں۔
پروڈکٹ یا کلیکشن کے ڈسپلے کے مسائل کی ٹربل شوٹنگ کریں
اپنے مخصوص مسئلے اور ٹربل شوٹنگ میں مدد کے لیے درکار مراحل کے لیے درج ذیل مسائل کا جائزہ لیں:
- پروڈکٹ غائب ہے: اگر آپ کے سٹور فرنٹ سے آپ کی پروڈکٹ غائب ہے، تو آپ کو اپنے Shopify ایڈمن میں اپنی پروڈکٹ کے اشاعت کے سیکشن میں سٹیٹس اور اپنے سیلز چینل کا جائزہ لینے کی ضرورت پڑ سکتی ہے۔ تصدیق کریں کہ پروڈکٹ کا سٹیٹس فعال ہے اور پروڈکٹ آن لائن سٹور پر دستیاب ہے۔
- کلیکشن غائب ہے: اگر آپ کے سٹور فرنٹ سے آپ کی کلیکشن غائب ہے، تو آپ کو اپنے Shopify ایڈمن میں کلیکشن کے اشاعت کے سیکشن میں سیلز چینل کا جائزہ لینے کی ضرورت پڑ سکتی ہے۔ تصدیق کریں کہ کلیکشن آن لائن سٹور پر دستیاب ہے، اور یہ کہ آپ کی کلیکشن آپ کے مینو میں شامل کی گئی ہے۔
- کلیکشن ڈسپلے ہو رہی ہے لیکن پروڈکٹ غائب ہے: اگر آپ کی کلیکشن ظاہر ہو رہی ہے لیکن اس میں پروڈکٹ غائب ہے، تو آپ کو اپنی مینو کی سیٹنگز میں کلیکشن کے لیے کسی بھی ٹیگ فلٹرز کا جائزہ لینے کی ضرورت پڑ سکتی ہے۔ تصدیق کریں کہ ٹیگز والے کلیکشن کو فلٹر کریں کی فیلڈ میں کوئی ایسے ٹیگ نہیں ہیں جن کی وجہ سے پروڈکٹ ڈسپلے نہ ہو۔
- کرنسی درست نہیں ہے: اگر آپ کی کرنسی پروڈکٹ کے لیے یا آپ کی کلیکشن میں درست طریقے سے ڈسپلے نہیں ہو رہی ہے، تو آپ یہ تصدیق کرنے کے لیے سیٹنگز > عمومی میں سٹور ڈیفالٹس کے سیکشن میں کرنسی ڈسپلے کا جائزہ لے سکتے ہیں کہ آیا وہاں کوئی اضافی کوڈ موجود تو نہیں ہے۔ اپنے کسٹمر کو کرنسی ڈسپلے ہونے کا طریقہ فارمیٹ کرنے کے بارے میں مزید جانیں۔
- کچھ پروڈکٹ مختلف طریقے سے ڈسپلے ہوتی ہے: اگر کچھ پروڈکٹ یا کلیکشن دوسروں سے مختلف طریقے سے ڈسپلے ہو رہی ہے، تو اپنے Shopify ایڈمن میں پروڈکٹ یا کلیکشن کو تفویض کردہ تھیم کے ٹیمپلیٹ کا جائزہ لیں۔
- پروڈکٹ یا کلیکشن ٹیمپلیٹ میں ترمیم نہیں کی جا سکتی: اگر تھیم ایڈیٹر میں ڈیفالٹ پروڈکٹ یا کلیکشن ٹیمپلیٹ گرے رنگ میں ہیں اور ناقابلِ انتخاب ہیں، تو آپ کو کم از کم 1 پروڈکٹ یا کلیکشن کو آن لائن سٹور سیلز چینل پر دستیاب کرنے کی ضرورت ہے۔ تبدیلیوں کا پیش نظارہ کرنے کے لیے پروڈکٹ یا کلیکشن کے دستیاب ہوئے بغیر آپ ان ڈیفالٹ ٹیمپلیٹ میں ترمیم نہیں کر سکتے۔ کلیکشن کی دستیابی کو تبدیل کرنے اور اپنے سیلز چینل میں پروڈکٹ کی دستیابی سیٹ کرنے کے بارے میں مزید جانیں۔
ترجمہ شدہ مواد کے ڈسپلے کے مسائل کی ٹربل شوٹنگ کریں
اگر آپ کا ترجمہ شدہ مواد آپ کے سٹور فرنٹ پر درست طریقے سے ظاہر نہیں ہوتا یا غائب ہے، تو ہو سکتا ہے کہ مواد کے لیے پرانے تراجم ہوں یا تراجم موجود نہ ہوں۔ یہ مواد کسی مارکیٹ کے لیے مخصوص ٹیمپلیٹ میں بھی ہو سکتا ہے۔ جب بھی آپ اپنی ڈیفالٹ زبان میں کوئی نیا مواد شامل کریں، تو خودکار ترجمہ کو دوبارہ چلانا، یا دستی طور پر نئے تراجم شامل کرنا یاد رکھیں۔
ترجمہ شدہ مواد پر درج ذیل سٹیٹس لاگو ہو سکتے ہیں:
- ترجمہ شدہ: مواد کے تراجم دستیاب ہیں۔
- پرانا: ڈیفالٹ زبان میں مواد کو اپ ڈیٹ کر دیا گیا ہے، لیکن تراجم میں کوئی اپ ڈیٹس ظاہر نہیں ہوتیں۔
- غیر ترجمہ شدہ: اس مواد کی قسم کے لیے کوئی تراجم نہیں ہیں۔
اپنے ترجمہ شدہ مواد کا جائزہ لیتے وقت، کسی بھی غیر ترجمہ شدہ یا پرانے مواد کو اپ ڈیٹ کریں اور پھر آپ کا ترجمہ شدہ مواد درست طریقے سے ظاہر ہونا چاہیے۔
اپنے سٹور کا ترجمہ کرنے اور لوکلائز کرنے کے بارے میں مزید جانیں۔
تھیم ایڈیٹر اور سٹور فرنٹ کے فرق کی ٹربل شوٹنگ کریں
اگر آپ کا سٹور فرنٹ اور آپ کا تھیم ایڈیٹر ایک جیسی معلومات ظاہر نہیں کرتے ہیں، تو اس تھیم ٹیمپلیٹ کا جائزہ لیں جس میں آپ ترمیم کر رہے ہیں۔ آپ کو درست معلومات ظاہر کرنے کے لیے اپنے تھیم ٹیمپلیٹس کو اپ ڈیٹ کرنے کی خاطر ترامیم کرنے کی ضرورت ہو سکتی ہے۔
مارکیٹ اوور رائیڈز آپ کو مختلف مارکیٹس کے لیے مختلف سٹور فرنٹس بنانے اور ترجمہ شدہ مواد کو ظاہر کرنے کی اجازت دیتی ہیں۔ اپ ڈیٹس کرتے وقت ہو سکتا ہے کہ آپ نادانستہ طور پر کسی مخصوص مارکیٹ یا B2B کے اندر کام کر رہے ہوں۔ یہ یقینی بنانے کے لیے کہ یہ درست مارکیٹس میں ہے، اپنے تھیم ایڈیٹر میں Market ڈراپ ڈاؤن مینو کے ساتھ مواد تلاش کریں۔
مارکیٹ اوور رائیڈز کے بارے میں مزید جانیں۔
موبائل اور ڈیسک ٹاپ ڈسپلے کے فرق کی ٹربل شوٹنگ کریں
Shopify Theme store میں دستیاب تمام تھیمز ریسپانسیو تھیمز ہیں، جس کا مطلب ہے کہ تھیم سکرین کے سائز کے مطابق ڈھل جاتی ہے۔ تھیم ایڈیٹر میں، آپ تھیم کی ترمیم کے دوران سکرین کے سائز کا ویو تبدیل کر سکتے ہیں تاکہ یہ تصدیق کی جا سکے کہ آپ کے صفحات اور تصاویر درست طریقے سے ظاہر ہو رہی ہیں۔ تھیم ایڈیٹر میں سکرین کے مختلف سائز دیکھنے کے بارے میں مزید جانیں۔
بہت سے سیکشنز اور بلاکس میں موبائل کی سیٹنگز ہوتی ہیں جنہیں آپ کسٹمائز کر سکتے ہیں۔ مثال کے طور پر، آپ متعلقہ پروڈکٹس سیکشن میں موبائل پر کالمز کی تعداد سیٹ کر سکتے ہیں۔ آپ موبائل سکرین کے سائزز پر کسی بھی ڈسپلے کے مسئلے کو ٹربل شوٹ کرنے کے لیے ہر ٹیمپلیٹ کے لیے موبائل سے متعلقہ سیکشن کی سیٹنگز کا جائزہ لے سکتے ہیں۔
یہ تصدیق کرنے کے لیے کہ تھیم تمام سکرین کے سائزز پر قابل رسائی ہے، کچھ تھیم کی خصوصیات موبائل پر ڈیسک ٹاپ کی نسبت مختلف طریقے سے ظاہر ہو سکتی ہیں۔ مثال کے طور پر، ڈیسک ٹاپ سکرین کے سائز پر، آپ کے سلائیڈ شو میں ایک ٹیکسٹ اوورلے ہو سکتا ہے، جہاں ٹیکسٹ تصویر کے اوپر اکثر تصویر کے رنگ کی اوپیسٹی (opacity) یا ٹیکسٹ شیڈو کے ساتھ ظاہر ہوتا ہے۔ تاہم، موبائل سکرین کے سائزز پر، ٹیکسٹ سلائیڈ شو کے نیچے ظاہر ہو سکتا ہے۔ یہ ڈیزائن کے لحاظ سے ایک ایکسیسیبلٹی کی خصوصیت ہے تاکہ ٹیکسٹ کسی بھی سکرین کے سائز پر پڑھا جا سکے۔ اگر اس کے بجائے ٹیکسٹ اوورلے ہوتا، تو یہ موبائل پر بہت چھوٹا نظر آتا جس سے پڑھنا مشکل ہو جاتا۔
اگر موبائل پر آپ کا سٹور فرنٹ دیکھتے وقت آپ کا نمایاں کردہ کلیکشن سیکشن یا کلیکشن کے صفحات غیر مستقل سائز ظاہر کرتے ہیں یا الائن نہیں ہو رہے ہیں، تو اس کی وجہ غیر مستقل ایسپکٹ ریشوز (aspect ratios) ہو سکتی ہے۔ امیج گرڈز، جیسے پروڈکٹ کی تصاویر جو کسی کلیکشن یا نمایاں کردہ کلیکشن میں ظاہر ہوتی ہیں، سکرین کے سائز کے لیے ریسپانسیو ہونے کے لیے بنائی گئی ہیں۔ اگر آپ کے پاس امیج گرڈ میں اپنی تصاویر کے لیے غیر مستقل ایسپکٹ ریشوز ہیں، تو وہ سکرین کے سائز کے لحاظ سے مختلف طریقے سے ظاہر ہو سکتی ہیں۔ سکوائر پروڈکٹ کی تصاویر جو 2048 px بائی 2048 px ہوتی ہیں، عموماً پروڈکٹ گرڈز میں بہترین کام کرتی ہیں۔ تمام سکرین کے سائزز میں آپٹمائزیشن کے لیے ایک مستقل ایسپکٹ ریشو رکھنے کی خاطر اپنی تصاویر کو اپ ڈیٹ کریں۔ تصویر کے ایسپکٹ ریشو کے بارے میں مزید جانیں۔
رچ ٹیکسٹ ایڈیٹر کے مسائل کی ٹربل شوٹنگ کریں
بعض اوقات وہ HTML کوڈ جو آپ کے رچ ٹیکسٹ ایڈیٹر میں شامل کیا جاتا ہے، آپ کے تھیم کوڈ کے ساتھ متصادم ہوتا ہے۔ اگر یہ مسئلہ کسی ایک صفحے، جیسے کہ پروڈکٹ کے صفحے، صفحے، یا بلاگ پوسٹ پر موجود ہے، تو یہ اضافی HTML کی وجہ سے ہو سکتا ہے۔ یہ بعض اوقات کسی دوسری سائٹ سے ٹیکسٹ کو کاپی اور پیسٹ کرنے سے شامل ہو سکتا ہے۔
HTML کوڈ کا جائزہ لیں
آپ رچ ٹیکسٹ ایڈیٹر میں HTML کوڈ کا جائزہ لے سکتے ہیں۔
اقدامات:
- اپنے ایڈمن میں صفحے پر نیویگیٹ کریں۔
- HTML کوڈ کا جائزہ لینے کے لیے
HTML ڈسپلے کریں بٹن پر کلک کریں۔
- کوئی بھی ایسا HTML کوڈ تلاش کریں جو ڈسپلے کے مسائل کا سبب بن سکتا ہے اور اسے ہٹا دیں۔
- محفوظ کریں پر کلک کریں۔
فارمیٹنگ صاف کریں
آپ ٹیکسٹ کے ایک حصے کو نمایاں کر سکتے ہیں اور HTML فارمیٹنگ کو صاف کر سکتے ہیں۔
اقدامات:
- اپنے ایڈمن میں صفحے پر نیویگیٹ کریں۔
- فارمیٹنگ کے مسائل والے ٹیکسٹ کو ہائی لائٹ کریں۔
- 🚫 بٹن پر کلک کریں۔
- محفوظ کریں پر کلک کریں۔
رچ ٹیکسٹ ایڈیٹر کے بارے میں مزید جانیں۔
غیر تعاون یافتہ URL پر ری ڈائریکٹ کرنے کی ٹربل شوٹنگ کریں
اگر آپ کے سٹور فرنٹ میں ایسا کوڈ شامل ہے جو صارفین کو ان URLs پر ری ڈائریکٹ کرتا ہے جو آپ کی شاپ سے منسلک نہیں ہیں، تو تصدیق کریں کہ جب آپ تھیم ایڈیٹر پر جاتے ہیں تو ری ڈائریکٹ غیر فعال کر دیا گیا ہے۔
مثال کے طور پر، اس قسم کے ری ڈائریکٹ کو کسی سٹور فرنٹ میں شامل کیا جا سکتا ہے تاکہ صارفین کو ان کے مقام کے لحاظ سے مختلف Shopify سٹورز پر بھیجا جا سکے۔ اس قسم کا ری ڈائریکٹ کوڈ یا تو آپ کی تھیم میں یا آپ کی انسٹال کردہ کسی ایپ میں موجود ہو سکتا ہے۔
یہ تصدیق کرنے کے لیے کہ آپ کا ری ڈائریکٹ ایڈیٹر کے تجربے میں مداخلت نہیں کرتا، جب آپ تھیم ایڈیٹر پر جائیں تو ری ڈائریکٹ کو غیر فعال کرنے کے لیے JavaScript میں window.Shopify.designMode متغیر (variable) کا حوالہ استعمال کریں۔ جب سٹور فرنٹ کو ایڈیٹر میں لوڈ کیا جاتا ہے تو یہ متغیر true پر سیٹ ہوتا ہے، اور جب نہیں ہوتا ہے تو false پر۔
تھیم بلاکس میں ڈائنیمک مواد کی ٹربل شوٹنگ کریں
اگر آپ کے پاس کولیپسبل بلاکس یا دیگر تھیم بلاکس ہیں جو پروڈکٹ کے تمام صفحات پر ایک جیسا مواد ظاہر کر رہے ہیں، تو آپ کو میٹا فیلڈز کے ساتھ ڈائنیمک سورسز سیٹ اپ کرنے کی ضرورت ہے۔ ایسا عموماً اس وقت ہوتا ہے جب تاجر پروڈکٹ سے متعلق مخصوص معلومات جیسے اجزاء یا دیکھ بھال کی ہدایات کو کسی ایک پروڈکٹ میں شامل کرتے ہیں، لیکن یہ تمام پروڈکٹس پر ظاہر ہوتی ہے۔
کولیپسبل بلاکس تمام پروڈکٹس پر ایک ہی ٹیکسٹ ظاہر کرتے ہیں
جب آپ اپنے تھیم ایڈیٹر میں براہ راست کسی کولیپس ایبل بلاک میں مواد شامل کرتے ہیں، تو وہ مواد تمام پروڈکٹ پیج پر ظاہر ہوتا ہے۔ پروڈکٹ کے لیے مخصوص مواد کو ڈسپلے کرنے کے لیے، آپ کو میٹا فیلڈ کے ساتھ ڈائنامک سورس استعمال کرنے کی ضرورت ہے:
- اپنے Shopify ایڈمن میں، سیٹنگز > میٹا فیلڈز > پروڈکٹس پر جائیں۔
- تعریف شامل کریں پر کلک کریں۔
- اپنے میٹا فیلڈ کے لیے ایک نام درج کریں، پھر مواد کی قسم منتخب کریں پر کلک کریں۔
- ٹیکسٹ اور ملٹی لائن ٹیکسٹ منتخب کریں۔
- محفوظ کریں پر کلک کریں۔
- اپنے ایڈمن میں پروڈکٹ کے صفحے پر جائیں اور صفحے کے نیچے میٹا فیلڈز کے سیکشن تک سکرول کریں۔
- اپنے پروڈکٹ سے مخصوص مواد کو اپنے بنائے گئے میٹا فیلڈ میں شامل کریں۔
- اپنے تھیم ایڈیٹر میں، پروڈکٹ کے ٹیمپلیٹ پر جائیں اور اپنا کولیپسبل رو کا سیکشن تلاش کریں۔
- رو کے مواد کی سیٹنگ میں،
بٹن پر کلک کریں۔
- دستیاب اختیارات میں سے اپنا میٹا فیلڈ منتخب کریں۔
- اپنی تبدیلیاں محفوظ کریں۔
اب جب میٹا فیلڈ بھرا ہوا ہو گا تو ہر پروڈکٹ اپنا مواد ظاہر کرے گی، اور اگر اس پروڈکٹ کے لیے میٹا فیلڈ خالی ہے تو کوئی مواد ظاہر نہیں ہوگا۔
اپنے آن لائن سٹور پر میٹا فیلڈز کو ظاہر کرنے اور ڈائنیمک سورسز کے ساتھ میٹا فیلڈز اور میٹا آبجیکٹس کے استعمال کے بارے میں مزید جانیں۔
کوڈ ایرر میسجز کی ٹربل شوٹنگ کریں
اگر آپ کے تھیم کوڈ میں کوئی سنٹیکس ایرر (syntax error) ہے، تو آپ کے تھیم ایڈیٹر میں HTML error found یا Theme error کا وارننگ میسج ظاہر ہوتا ہے۔ ایرر میسج اس Liquid فائل کو دکھاتا ہے جس میں خرابی ہوتی ہے۔
جب کوئی بروکن HTML ہو تو The theme you're looking for couldn't be found کا وارننگ میسج ظاہر ہو سکتا ہے۔ کئی وجوہات کی بنا پر ایک پیج تھیم ایڈیٹر میں لوڈ ہونے میں ناکام ہو سکتا ہے، جیسے کہ درج ذیل وجوہات:
- نیٹ ورک کنکشن کے مسائل
- آپ کے تھیم میں غیر معتبر Liquid کوڈ
آپ اپنے تھیم کے کوڈ میں کی گئی تبدیلیوں کو تلاش کر کے کوڈ کو درست کر سکتے ہیں۔ اگر آپ متاثرہ موجودہ فائل کی شناخت کر سکتے ہیں، تو آپ اسے کوڈ ایڈیٹر کے ٹائم لائن ویو میں دستیاب پچھلے ورژن پر بحال کر سکتے ہیں۔
اقدامات:
- ایرر میسج میں لنک کی گئی
.liquidسیکشن فائل پر کلک کریں یا حالیہ تبدیلیوں کے لیے فائلوں کا جائزہ لیں۔ یہ آپ کو Edit HTML/Cascading Style Sheets (CSS) page پر لے جاتا ہے، اور فائل کوڈ ایڈیٹر میں کھل جاتی ہے۔ - فائل میں موجود کوڈ کو براؤز کریں اور غیر معتبر HTML یا Liquid کو تلاش کرنے کی کوشش کریں۔ کوڈ ایڈیٹر ممکنہ سنٹیکس ایررز کو سرخ (red) رنگ میں دکھاتا ہے۔ عام مسائل میں درج ذیل شامل ہیں:
- اضافی کلوزنگ HTML ٹیگز، مثال کے طور پر، اوپننگ
<div>کے بغیر ایک کلوزنگ</div> - اضافی ان کلوزڈ (unclosed) HTML ٹیگز، مثال کے طور پر، کلوزنگ
</div>کے بغیر ایک اوپننگ<div> - خراب (Malformed) HTML ٹیگز، مثال کے طور پر،
>کے بغیر<div class="my-class" - خراب Liquid کوڈ
- شامل کردہ تھیم snippet فائل میں بروکن HTML
- اضافی کلوزنگ HTML ٹیگز، مثال کے طور پر، اوپننگ
- مسئلہ مل جانے کے بعد، اپنی تھیم فائل میں موجود کوڈ کو درست کریں۔ اگر آپ پچھلا ورژن منتخب کرنے اور مواد بحال کریں کے لیے کوڈ ایڈیٹر کا ٹائم لائن ویو استعمال کرتے ہیں، تو فائل کا پورا مواد تبدیل ہو جاتا ہے۔ اگر آپ کوئی بھی تبدیلی برقرار رکھنا چاہتے ہیں تو پہلے موجودہ فائل کے مواد کو کسی محفوظ جگہ پر کاپی کر لیں۔
- محفوظ کریں پر کلک کریں۔
- تھیم ایڈیٹر پر واپس جانے کے لیے Edit theme پر کلک کریں، اور تصدیق کریں کہ ایرر میسج ختم ہو گیا ہے۔
- اپنے سٹور فرنٹ پر جائیں تاکہ یہ تصدیق ہو سکے کہ یہ توقع کے مطابق ظاہر ہو رہا ہے۔
"Exceeded maximum number of unique handles" ایرر
اگر آپ کے ہوم پیج پر "Exceeded maximum number of unique handles for all_products" جیسا کوئی Liquid ایرر میسج ظاہر ہوتا ہے، تو اس کا مطلب عام طور پر یہ ہے کہ آپ نے اپنے ہوم پیج پر بہت زیادہ Featured Product کے سیکشنز شامل کر دیے ہیں (زیادہ تر تھیمز میں عام طور پر 20 سے زیادہ سیکشنز)۔
اسے حل کرنے کے لیے:
- اپنے Shopify ایڈمن میں، آن لائن سٹور > تھیمز پر جائیں۔
- اپنا موجودہ تھیم تلاش کریں اور Edit theme پر کلک کریں۔
- اپنے ہوم پیج پر جائیں۔
- تھیم کی حدود میں رہنے کے لیے کچھ Featured Product سیکشنز کو ہٹا دیں۔
- اس کی بجائے Featured Collection سیکشنز کا استعمال کرنے پر غور کریں، جو ایک سے زیادہ پروڈکٹس کو زیادہ مؤثر طریقے سے دکھا سکتے ہیں اور آپ کے سٹور کی کارکردگی (performance) کو بہتر بنا سکتے ہیں۔
فوٹر میں ظاہر نہ ہونے والے پیمنٹ آئیکنز کی ٹربل شوٹنگ کریں
عام طور پر زیادہ تر تھیمز کے فوٹرز میں ڈیفالٹ کے طور پر پیمنٹ آئیکنز شامل ہوتے ہیں تاکہ کسٹمرز کو یہ دکھایا جا سکے کہ آپ کن پیمنٹ کے طریقوں کو قبول کرتے ہیں۔ اگر پیمنٹ آئیکنز آپ کے تھیم کے فوٹر میں ظاہر نہیں ہو رہے ہیں، تو آپ درج ذیل کو چیک کر سکتے ہیں:
- اپنے تھیم ایڈیٹر میں، فوٹر سیکشن پر جائیں اور تصدیق کریں کہ Show payment icons سیٹنگ ایکٹیویٹ ہے۔
- اپنے Shopify ایڈمن میں، سیٹنگز > پیمنٹس پر جائیں اور تصدیق کریں کہ کم از کم ایک فعال پیمنٹ کا طریقہ موجود ہے۔ کچھ پیمنٹ کے طریقوں کو اپنے آئیکنز ظاہر کرنے سے پہلے اکاؤنٹ کا سیٹ اپ مکمل کرنے کی ضرورت ہو سکتی ہے۔
- اگر آپ فریق ثالث کا پیمنٹ گیٹ وے استعمال کر رہے ہیں، تو ہو سکتا ہے کہ پلیٹ فارم کی حدود کی وجہ سے پیمنٹ آئیکن ڈسپلے نہ ہوں۔
اگر آپ نے ان سیٹنگز کی تصدیق کر لی ہے اور پھر بھی پیمنٹ آئیکنز ظاہر نہیں ہو رہے ہیں، تو آپ کو اپنے تھیم کے لیے سپورٹ حاصل کرنے کی ضرورت پڑ سکتی ہے۔
مرحلہ 3: سپورٹ سے رابطہ کریں
اگر اس گائیڈ میں ٹربل شوٹنگ کے مراحل مکمل کرنے کے بعد بھی آپ کو اپنے تھیم کے ساتھ مسائل درپیش ہیں، تو آپ اپنے تھیم کے لیے سپورٹ حاصل کر سکتے ہیں۔