رنگین سوئچ کیسے ترتیب دیں؟

جب بھی آپ کلر سویچز کو فعال کرتے ہیں ، Be Concept تھیم آپ کو کلر سویچز دکھانے کے لیے دو آپشن دیتا ہے: اپنی مرضی کی تصویر اور مختلف تصویر ۔

اس مضمون کو مزید آسانی سے سمجھنے کے لیے براہ کرم نیچے دیے گئے جدول کا جائزہ لیں۔

رنگین سوئچ دکھا رہا ہے۔
رنگین سوئچز کو غیر فعال کریں۔ حسب ضرورت تصاویر متغیر تصاویر

اس صفحہ پر

  1. یہ خصوصیت کہاں ہے؟
  2. یہ کیسے کام کرتا ہے؟
  3. اپنی سوئچ فائلوں کو نام دینا
  4. Shopify ایڈمن میں 'فائلز' آپشن کہاں ہے؟

1. یہ خصوصیت کہاں ہے؟

اپنے صفحہ کے لیے رنگ سکیموں کے اختیار کو ایڈجسٹ کرنے کے لیے، آپ مندرجہ ذیل ترتیب دیتے ہیں:

  • تھیم ایڈیٹر کے ذریعے اپنے پروڈکٹ پیج پر، پروڈکٹ کی معلومات کے سیکشن کے تحت ویریئنٹ چننے والے بلاک کو منتخب کریں۔

  • Color swatch > Swatch type میں، دو اختیارات ہوں گے: ویریئنٹ امیجز اور کسٹم امیجز ۔

2. یہ کیسے کام کرتا ہے؟

شروع کرنے کے لیے، کلر سویچ سیٹنگز کو فعال کریں اور پھر کلر سویچ یا ویریئنٹ امیج کو ڈسپلے کرنے کے لیے منتخب کریں۔

2.1 کلر سویچ

کنفیگریشن باکس کو ترتیب دے کر اپنے کلر سویچ کو کنفیگر کریں۔ یہ فیچر کیسے کام کرے گا اس بارے میں معلومات کے لیے براہ کرم درج ذیل اصول دیکھیں:

  1. ایک بار جب آپ اس خصوصیت کو فعال کر لیتے ہیں، تو Be Concept آپ کی تھیم کی سیٹنگز > کلر سویچ > کنفیگریشن باکس میں رنگ کی قدریں تلاش کرے گا جو آپ کے پروڈکٹ کے رنگوں کے ناموں سے مماثل ہیں۔

  2. اگر رنگ کی قدر پائی جاتی ہے تو، اس قدر کا استعمال کرتے ہوئے رنگ کی تبدیلی ظاہر کی جائے گی۔

      • مثال 1 - HEX کوڈ کا استعمال : کنفیگریشن باکس میں درج ذیل قدر ہے: Black:#3a3a3a

        پھر سیاہ کے لیے کلر سویچ ڈیفالٹ بلیک کلر #000000 کی بجائے کلر #3a3a3a کا استعمال کرتے ہوئے دکھایا جائے گا۔

      • مثال 2 - اپ لوڈ کردہ فائل کا استعمال کرتے ہوئے : کنفیگریشن باکس میں درج ذیل قدر ہوتی ہے: Crimson Shadow:crimson-shadow.webp

        پھر کرمسن شیڈو کے لیے کلر سویچ crimson-shadow.webp نامی تصویر کا استعمال کرتے ہوئے ڈسپلے کیا جائے گا، جو Shopify ایڈمن ڈیش بورڈ/ مواد/ فائل میں اپ لوڈ کی گئی ہے۔

  3. اگر کنفیگریشن باکس میں رنگ کی قدر نہیں ملتی ہے، تو ایک *.png فائل تلاش کریں جس کا نام کلر ویرینٹ ہے۔

    مثال کے طور پر : اس صورت میں، یہ خصوصیت رنگ کی تبدیلی کے لیے crimson-shadow.png نامی *.png فائل استعمال کرے گی۔

  4. اگر *.png فائل نہیں ملتی ہے تو، کلر ویرینٹ کے لیے CSS کلر کا نام استعمال کرکے کلر سویچ ڈسپلے کریں۔

    مثال کے طور پر : اگر کلر ویرینٹ "Black" کی قدر نہیں ملتی ہے، تو کلر سویچ ڈیفالٹ سیاہ رنگ دکھائے گا، #000000 ۔

  5. اگر کنفیگریشن باکس، PNG فائل ، یا HEX کوڈ میں رنگ کی کوئی قدر نہیں ہے ، تو کلر سویچ خالی ہو جائے گا۔

    مثال کے طور پر : شاہ بلوط کے رنگ کی کوئی قدر، png فائل یا HEX کوڈ نہیں ہے ، اس لیے رنگ کا نشان خالی ہوگا۔

2.2 مختلف تصویر

ایک بار جب آپ کلر سویچ سیٹنگز کو فعال کر لیتے ہیں، تو تصور "رنگ" یا "رنگ" نام کے ساتھ کسی بھی قسم کے زمرے کو تلاش کرے گا۔

لفظ کو "رنگ/رنگ" کے علاوہ کسی اور چیز میں تبدیل کرنے کے لیے (جیسے: فرانسیسی میں Couleur) آپ اپنی زبانوں کے علاقے تھیم مینو > ڈیفالٹ تھیم کے مواد میں ترمیم کر سکتے ہیں۔

[Color swatch trigger] کی ترتیبات تلاش کرنے کے لیے سرچ بار میں color_swatch_trigger ٹائپ کریں۔

اس کے بعد تھیم ان مختلف ناموں کو دیکھے گا جو آپ نے استعمال کیے ہیں، اس معاملے میں:

  • گولڈ ٹون
  • سیاہ
  • شاہ بلوط
  • بحریہ
  • کرمسن شیڈو
  • اور یا تو بالکل اسی نام کے ساتھ HTML color name تلاش کریں یا پروڈکٹس > ویریئنٹس > اپ ڈیٹ ویرینٹ امیج میں chosen image ۔

    گولڈ ٹون
    سیاہ
    شاہ بلوط
    بحریہ
    کرمسن شیڈو

    3. اپنی سویچ فائلوں کو نام دینا

    • مثال کے طور پر، Black , Chestnut یا Navy swatches کو black.png , chestnut.png یا navy.png کا نام دینے کی ضرورت ہوگی (کیپٹل لوئر کیس بن جاتے ہیں۔)
    • Gold Tone اور Crimson Shadow سوئچز کا نام golde-tone.png اور crimson-shadow.png ہونا ضروری ہے (کیپٹل لوئر کیس بن جاتے ہیں، خالی جگہیں اور دیگر خصوصی حروف ہائفن بن جاتے ہیں۔)

    4. Shopify ایڈمن میں 'فائلز' آپشن کہاں ہے؟

      • سب سے پہلے، Shopify ایڈمن کو کھولیں۔
      • Content پر جائیں، پھر Files آپشن کو منتخب کریں اور اسے کھولیں۔ کلک کریں۔ فائلیں اپ لوڈ کرو اپنی .png سوئچ فائلوں کو اپ لوڈ کرنا شروع کرنے کے لیے۔