تھیم کے کوڈ میں ترمیم کرنا
آپ کوڈ ایڈیٹر کے ذریعے اپنے آن لائن سٹور میں تفصیلی تبدیلیاں کرنے کے لیے اپنی تھیم کے کوڈ میں ترمیم کر سکتے ہیں۔ تھیم بنانے والی زیادہ تر فائلوں میں Shopify کی ٹیمپلیٹنگ لینگویج، Liquid شامل ہوتی ہے۔ تھیم کی فائلوں میں HTML، CSS، JSON اور JavaScript بھی شامل ہیں۔ کسی تھیم کے کوڈ میں صرف اسی صورت میں ترمیم کریں جب آپ HTML اور CSS جانتے ہوں، اور Liquid کی بنیادی سمجھ رکھتے ہوں۔
آپ اپنی تھیم کے کوڈ میں اسے خریدنے کے بعد ہی ترمیم کر سکتے ہیں۔ اس میں تھیم ایڈیٹر میں AI کوڈ جنریٹر کا استعمال بھی شامل ہے۔ اگر آپ کسی ادائیگی والی تھیم کا ٹرائل ورژن استعمال کر رہے ہیں، تو کوڈ میں تبدیلیاں کرنے سے پہلے آپ کو اسے خریدنا ہوگا۔
کوڈ ایڈیٹر آپ کی تھیم کی فائلوں کی ایک ڈائریکٹری، اور فائلوں کو ظاہر کرنے اور ان میں ترمیم کرنے کے لیے ایک جگہ دکھاتا ہے۔ جب آپ ڈائریکٹری میں کسی فائل پر کلک کرتے ہیں، تو وہ کوڈ ایڈیٹر میں کھل جاتی ہے۔ آپ بیک وقت متعدد فائلوں کو کھول اور ان میں ترمیم کر سکتے ہیں۔ آپ ایک ہی وقت میں متعدد فائلوں کو کھول کر ان کا جائزہ بھی لے سکتے ہیں۔
اس صفحہ پر
اپنی تھیم کے کوڈ میں ترمیم کریں
آپ اپنی تھیم کی فائلوں میں ترمیم کے لیے کوڈ ایڈیٹر استعمال کر سکتے ہیں۔
اقدامات:
ڈیسک ٹاپ
اپنے Shopify ایڈمن سے، آن لائن سٹور > تھیمز پر جائیں۔
> کوڈ میں ترمیم کریں پر کلک کریں۔
موبائل
Shopify ایپ سے،
آئیکن پر ٹیپ کریں۔سیلز چینلز سیکشن میں، آن لائن سٹور پر ٹیپ کریں۔
تھیمز کا نظم کریں پر ٹیپ کریں۔
- > کوڈ میں ترمیم کریں پر ٹیپ کریں۔
تبدیلیاں محفوظ کرنا
جب آپ کسی فائل میں ترمیم کرتے ہیں، تو غیر محفوظ شدہ تبدیلیوں کی نشاندہی کرنے کے لیے ٹیب کے نام کے آگے ایک نقطہ ظاہر ہوتا ہے۔ اپنی تبدیلیاں محفوظ کرنے کے لیے محفوظ کریں بٹن پر کلک کریں۔ اپنی تبدیلیاں محفوظ کرنے کے لیے آپ Mac پر ⌘ + S یا Windows پر Ctrl + S بھی دبا سکتے ہیں۔
تھیم کے کوڈ کی فارمیٹنگ کرنا
کوڈ کی انڈینٹیشن کو ٹھیک کرنے کے لیے، Mac پر ⌘ + Shift + P یا Windows پر Ctrl + Shift + P کی مدد سے کمانڈ پیلیٹ format کھولیں، اور پھر دستاویز کی فارمیٹنگ کریں کو منتخب کریں۔
اقدامات:
اپنے Shopify ایڈمن سے، آن لائن سٹور > تھیمز پر جائیں۔
- > کوڈ میں ترمیم کریں پر کلک کریں۔
وہ فائل کھولیں جس کی آپ فارمیٹنگ کرنا چاہتے ہیں۔
Mac پر
⌘+Pیا Windows پرCtrl+Pدرج کریں۔کمانڈ پیلیٹ میں، format درج کریں، پھر اپنے کی بورڈ پر
Enterدبائیں۔فائل کو محفوظ کریں۔
فائل کی تبدیلیوں کو ٹریک کرنا
کسی ترمیم شدہ تھیم فائل کو پچھلے ورژن پر بحال کرنے کے لیے، اس فائل کا ٹائم لائن ویو استعمال کریں۔
ٹائم لائن ویو ایک وقت میں ایک موجودہ فائل بحال کرتا ہے۔ یہ پوری تھیم کو بحال نہیں کرتا، اور یہ حذف شدہ تھیم فائلوں کو بازیافت نہیں کر سکتا۔ ٹائم لائن کی ہسٹری محدود ہوتی ہے، اس لیے ہو سکتا ہے کہ پرانے ورژن دستیاب نہ ہوں۔
بحال کرنے سے فائل کا پورا مواد تبدیل ہو جاتا ہے، بشمول ان تبدیلیوں کے جنہیں آپ برقرار رکھنا چاہتے ہوں۔ فائل کو بحال کرنے سے پہلے، اگر آپ کوئی بھی تبدیلی برقرار رکھنا چاہتے ہیں تو موجودہ فائل کے مواد کو کسی محفوظ جگہ پر کاپی کر لیں۔
اقدامات:
اپنے Shopify ایڈمن سے، آن لائن سٹور > تھیمز پر جائیں۔
- > کوڈ میں ترمیم کریں پر کلک کریں۔
وہ موجودہ فائل کھولیں جس کا آپ جائزہ لینا یا بحال کرنا چاہتے ہیں۔
اختیاری: اگر آپ کوئی موجودہ تبدیلی برقرار رکھنا چاہتے ہیں، تو بحال کرنے سے پہلے موجودہ فائل کے مواد کو کسی محفوظ جگہ پر کاپی کر لیں۔
ٹائم لائن ویو میں، فرق کا موازنہ کرنے کے لیے ٹائم لائن میں موجود کسی اندراج پر کلک کریں۔
فائل کے پورے مواد کو منتخب کردہ پچھلے ورژن سے تبدیل کرنے کے لیے، ٹائم لائن کے اندراج پر رائٹ کلک کریں، اور پھر مواد بحال کریں کو منتخب کریں۔
بحال کریں پر کلک کریں۔
Theme Check
کوڈ ایڈیٹر میں Theme Check شامل ہے، جو کہ ایک ایسی خصوصیت ہے جو آپ کے لائیو تھیم میں خرابیاں دریافت کرنے کے بجائے کوڈ لکھے جانے کے دوران فوری فیڈ بیک فراہم کر کے خرابیوں کو روکنے میں مدد کرتی ہے۔
کوڈ ایڈیٹر میں، Theme Check ترمیم شدہ کوڈ میں درج ذیل خرابیوں کی شناخت کر سکتا ہے:
- پارسر بلاکنگ سکرپٹ، جو سٹور فرنٹ کو سست کر سکتے ہیں
- ترجمے کی فائل میں تضادات، جیسے ترجمے کی غیر موجود کیز یا ایسے تراجم جو لوکیل فائل میں میل نہیں کھاتے
- غیر موجود ٹیمپلیٹ
خرابیوں کی نشاندہی کوڈ کے نیچے ایک سرخ لائن کے ذریعے کی جاتی ہے۔ خرابی دیکھنے کے لیے، اپنے ماؤس کو ہائی لائٹ کردہ لائن پر لے کر جائیں۔
کوڈ ایڈیٹر میں تلاش کرنا اور تبدیل کرنا
آپ درج ذیل میں سے کسی بھی طریقے سے کوڈ ایڈیٹر کے اندر تلاش کر سکتے ہیں:
- کسی مخصوص فائل کا کوڈ تلاش کریں۔
- تھیم کی تمام فائل کا کوڈ تلاش کریں۔
آپ کسی مخصوص فائل میں یا تمام تھیم فائل کے متعدد انسٹنس میں بھی کوڈ کو تبدیل کر سکتے ہیں۔ آپ فائل کھولنے کے لیے نام سے بھی فائل تلاش کر سکتے ہیں۔
کسی فائل کے اندر تلاش کرنا
آپ کسی مخصوص فائل میں کوڈ تلاش کر سکتے ہیں اور کوڈ کو تبدیل کر سکتے ہیں۔ کوڈ کے ہر انسٹنس کا جائزہ لینے کے لیے تیر والے بٹنوں کا استعمال کریں۔
کوڈ تلاش کرنے کے بعد، آپ فائل میں کوڈ تبدیل کر سکتے ہیں۔
اقدامات:
اپنے Shopify ایڈمن سے، آن لائن سٹور > تھیمز پر جائیں۔
- > کوڈ میں ترمیم کریں پر کلک کریں۔
وہ فائل کھولیں جسے آپ تلاش کرنا چاہتے ہیں۔
Mac پر
⌘+Fیا Windows پرCtrl+Fدرج کریں۔تلاش کے فیلڈ میں، اپنی تلاش کی اصطلاح درج کریں۔
اختیاری: کوڈ کو تبدیل کرنے کے لیے، درج ذیل کارروائیاں مکمل کریں:
- سرچ ماڈل میں،
آئیکن پر کلک کریں۔ - تبدیل کریں فیلڈ میں، متبادل کوڈ درج کریں۔ آپ متبادل کوڈ کے بڑے حروف کو موجودہ انسٹنس سے ملانے کے لیے کیس برقرار رکھیں پر کلک کر سکتے ہیں۔
- ایک وقت میں ایک انسٹنس تبدیل کرنے کے لیے تبدیل کریں کے آئیکن پر کلک کریں، یا ایک ہی وقت میں تمام انسٹنس تبدیل کرنے کے لیے سبھی تبدیل کریں کے آئیکن پر کلک کریں۔
تمام فائل میں تلاش کرنا
تمام تھیم فائل میں تلاش کرنے کے لیے بائیں سائیڈ بار میں تلاش کے بٹن پر کلک کریں۔ نتائج آپ کی تلاش کی اصطلاح کا ہر انسٹنس اور یہ کس فائل میں ظاہر ہوتا ہے اسے ڈسپلے کرتے ہیں۔
اقدامات:
اپنے Shopify ایڈمن سے، آن لائن سٹور > تھیمز پر جائیں۔
- > کوڈ میں ترمیم کریں پر کلک کریں۔
سرچ پینل کھولنے کے لیے
آئیکن پر کلک کریں۔ تلاش کے فیلڈ میں، اپنی تلاش کی اصطلاح درج کریں۔
اختیاری: کوڈ کو تبدیل کرنے کے لیے، درج ذیل کارروائیاں مکمل کریں:
- سرچ ماڈل میں، آئیکن پر کلک کریں۔
- تبدیل کریں فیلڈ میں، متبادل کوڈ درج کریں۔
- ایک وقت میں ایک انسٹنس، یا ایک ہی وقت میں تمام انسٹنس تبدیل کریں۔
تلاش کے ایڈوانسڈ اختیارات
اپنی تلاش کے نتائج کو محدود کرنے کے لیے، درج ذیل تلاش کے اختیارات میں سے ایک یا زیادہ کا استعمال کریں:
- کیس میچ کریں تلاش کی ان اصطلاحات کو واپس لاتا ہے جو کیس سے مماثل ہیں۔ مثال کے طور پر، اگر آپ product درج کرتے ہیں، تو تلاش "product" یا "Product" کے کسی بھی انسٹنس کو ہائی لائٹ کرتی ہے۔ اگر آپ کیس میچ کریں کو منتخب کرتے ہیں، تو تلاش صرف product کے انسٹنس کو ہائی لائٹ کرتی ہے۔
- پورا لفظ میچ کریں تلاش کی ان اصطلاحات کو واپس لاتا ہے جو بالکل اسی لفظ سے مماثل ہوں اور جزوی مماثلتوں کو خارج کر دیتا ہے۔ مثال کے طور پر، اگر آپ cart درج کرتے ہیں، تو تلاش "cart" کے انسٹنس کو ہائی لائٹ کرتی ہے لیکن "carton" کو نہیں۔
- ریگولر ایکسپریشن کا استعمال کریں ان تلاش کے نتائج کو واپس لاتا ہے جو ریگولر ایکسپریشن (regex) سے مماثل ہوں۔ regex کریکٹرز کی ایک سٹرنگ ہے جو ٹیکسٹ میں میچ پیٹرن کی وضاحت کرتی ہے۔
تلاش کے پینل میں، آپ تلاش کے نتائج میں شامل کرنے یا ان سے خارج کرنے کے لیے فائل اور فولڈر بھی منتخب کر سکتے ہیں۔
ایڈوانسڈ مینو کھولنے کے لیے پر کلک کریں۔ آپ شامل کرنے کے لیے فائل یا خارج کرنے کے لیے فائل کے فیلڈز میں کوئی بھی فائل یا فولڈر کا پاتھ درج کر سکتے ہیں۔ ایک سے زیادہ فائل یا فولڈر شامل کرنے کے لیے، انہیں اسپیس اور کوما سے الگ کریں۔ مثال کے طور پر، sections فولڈر میں فائل کو تلاش کرنے کے لیے، شامل کرنے کے لیے فائل کے فیلڈ میں ./sections درج کریں۔
آپ فائل ڈائرکٹری ویو سے کسی مخصوص فولڈر کے اندر بھی تلاش کر سکتے ہیں۔ فولڈر پر دائیں کلک کریں اور پھر ڈراپ ڈاؤن مینو سے فولڈر میں تلاش کریں... کو منتخب کریں۔
تھیم فائل کا نظم کرنا
آپ اپنے تھیم کے کوڈ میں فائلوں کو مینج کر سکتے ہیں۔ آپ فائلیں ڈیلیٹ کر سکتے ہیں، نئی فائلیں شامل کر سکتے ہیں، فائلوں کا نام تبدیل کر سکتے ہیں، اور پچھلا ورژن دستیاب ہونے پر ترمیم شدہ موجودہ کوڈ فائلوں کو ان کے ٹائم لائن ویو سے بحال کر سکتے ہیں۔ assets فولڈر میں موجود ایسٹ فائلوں، جیسے کہ تصاویر، CSS، JavaScript، اور فونٹ کی ٹائم لائن ہسٹری نہیں ہوتی ہے۔
کوئی تھیم فائل کھولنا
تھیم فائل کھولنے کے لیے، کسی فولڈر پر کلک کریں، اور پھر ایکسپلورر سے فائل کے نام پر کلک کریں۔ آپ نام یا ایکسٹینشن کے ذریعے بھی فائل تلاش کر سکتے ہیں اور پھر فائل کھول سکتے ہیں۔
اقدامات:
اپنے Shopify ایڈمن سے، آن لائن سٹور > تھیمز پر جائیں۔
- > کوڈ میں ترمیم کریں پر کلک کریں۔
Mac پر
⌘+Pیا Windows پرCtrl+Pدرج کریں۔سرچ بار میں فائل کا نام درج کریں اور فائل منتخب کریں، یا حال ہی میں کھولی گئی کی فہرست سے کوئی فائل منتخب کریں۔
نئی تھیم فائل شامل کرنا
فائل شامل کرنے کے لیے، فولڈر منتخب کریں، نئی فائل کے آئیکن پر کلک کریں، اور پھر فائل کا نام اور فائل ایکسٹینشن درج کریں۔
فائل کے ناموں میں A-Z، 0-9 کریکٹرز شامل ہو سکتے ہیں اور ان میں کریکٹر اسپیس شامل نہیں ہو سکتی ہے۔ الفاظ کو ڈیش یا انڈرسکور کے ذریعے الگ کریں۔ فائل ایکسٹینشن کی وضاحت پیریڈ . اور ایکسٹینشن کی قسم سے کی جاتی ہے۔ مثال کے طور پر، .liquid یا .css۔
اقدامات:
اپنے Shopify ایڈمن سے، آن لائن سٹور > تھیمز پر جائیں۔
- > کوڈ میں ترمیم کریں پر کلک کریں۔
اس فولڈر پر کلک کریں جس میں آپ نئی فائل شامل کرنا چاہتے ہیں۔
فولڈر کے نام پر دایاں کلک کریں اور ڈراپ ڈاؤن مینو سے New file... منتخب کریں۔
فائل کا نیا نام درج کریں۔
اپنے کی بورڈ پر
Enterدبائیں۔
نیا ایسٹ اپ لوڈ کرنا
آپ کوڈ ایڈیٹر کے assets فولڈر میں نیا ایسٹ، جیسے کہ آئیکن یا امیج فائل اپ لوڈ کر سکتے ہیں۔
اقدامات:
اپنے Shopify ایڈمن سے، آن لائن سٹور > تھیمز پر جائیں۔
- > کوڈ میں ترمیم کریں پر کلک کریں۔
assets فولڈر پر دایاں کلک کریں۔
Upload... پر کلک کریں۔
وہ فائل منتخب کریں جسے آپ اپ لوڈ کرنا چاہتے ہیں۔
Open پر کلک کریں۔
تھیم فائل کا نام تبدیل کرنا
نام تبدیل کرنے کے لیے آپ فائل پر دایاں کلک کر سکتے ہیں۔ یقینی بنائیں کہ فائل ایکسٹینشن میں ترمیم نہ کریں یا اسے نہ ہٹائیں۔ ایک فائل ایکسٹینشن کی شناخت پیریڈ . اور ایکسٹینشن کی قسم سے ہوتی ہے۔ مثال کے طور پر، .liquid یا .css۔ فائل کے ناموں میں A-Z، 0-9 کریکٹرز شامل ہو سکتے ہیں، اور کریکٹرز کے درمیان اسپیس شامل نہیں ہو سکتی۔ الفاظ کو ڈیشز یا انڈرسکور سے الگ کریں۔ اگر فائل کا نام درست نہیں ہے، تو نیا فائل نام محفوظ نہیں ہوگا۔
اقدامات:
اپنے Shopify ایڈمن سے، آن لائن سٹور > تھیمز پر جائیں۔
- > کوڈ میں ترمیم کریں پر کلک کریں۔
فائل پر دایاں کلک کریں اور ڈراپ ڈاؤن مینو سے Rename... کو منتخب کریں۔
فائل کا نیا نام درج کریں۔
اپنے کی بورڈ پر
Enterدبائیں۔
تھیم فائل حذف کرنا
آپ اپنے تھیم میں موجود کوئی بھی فائل حذف کر سکتے ہیں۔ حذف شدہ تھیم فائلز دوبارہ ریکور نہیں کی جا سکتیں۔
اقدامات:
اپنے Shopify ایڈمن سے، آن لائن سٹور > تھیمز پر جائیں۔
- > کوڈ میں ترمیم کریں پر کلک کریں۔
فائل پر دایاں کلک کریں اور ڈراپ ڈاؤن مینو سے Delete permanently کو منتخب کریں۔
Delete پر کلک کریں۔