Avada WooCommerce بلڈر کے ساتھ ای کامرس کیسے بنایا جائے۔

جب آن لائن اسٹور قائم کرنے کی بات آتی ہے تو، WooCommerce جانے والا plugin ہے۔ ایک آن لائن سٹور قائم کرنا اور جیسے ہی آپ ختم کر لیتے ہیں اپنی مصنوعات کی فروخت شروع کرنا مضحکہ خیز حد تک آسان ہے۔ Avada WooCommerce کے لیے جامع تعاون اور ڈیزائن انضمام فراہم کرتا ہے، جو آپ کو اپنے خوابوں کی دکان بنانے کی اجازت دیتا ہے اور اس بات کو بھی یقینی بناتا ہے کہ یہ بالکل وہی نظر آتا ہے جو آپ کے ذہن میں ہے۔  

Avada آپ کو اپنی ویب سائٹ کی ظاہری شکل کو اپنی مرضی کے مطابق کرنے کی صلاحیت فراہم کرنے کے بارے میں ہے، جو WooCommerce انضمام کے ساتھ مختلف نہیں ہے۔ ہمارے مقبول جدید اختیارات کے نیٹ ورک کا استعمال کرتے ہوئے، آپ مختلف قسم کے ڈیزائن کے امکانات کے لیے حسب ضرورت کی ایک وسیع رینج میں سے انتخاب کر سکتے ہیں، بشمول:

  • WooCommerce کا اپنا Avada گلوبل آپشنز پینل ہے، جو اہم Avada Global Options پینل سے الگ ہے۔
  • Avada صفحہ کے اختیارات ہر ایک پروڈکٹ کے لیے دستیاب ہیں۔
  • Avada بلڈر آپ کو عناصر کو گھسیٹ کر اور چھوڑ کر پروڈکٹ پیج ڈیزائن بنانے کی اجازت دیتا ہے۔

Avada کے ساتھ اپنی ای کامرس سائٹ بنانے کے لیے۔ 

سب سے پہلے، ہمیں Avada میں WooCommerce انسٹال کرنا ہوگا۔

WooCommerce انسٹال کرنا - مرحلہ وار ہدایات

Avada > Plugin / Add-ons پر جائیں اور WooCommerce plugin ، جیسا کہ نیچے اسکرین شاٹ میں دکھایا گیا ہے۔

مرحلہ 1 - WooCommerce plugin ۔

مرحلہ 2 - ڈراپ ڈاؤن مینو سے 'انسٹال' کو منتخب کریں۔

plugin ان انسٹال ہو جائے گا اور خود بخود چالو ہو جائے گا۔

مرحلہ 3 - اس کے بعد، WooCommerce سیٹ اپ وزرڈ ظاہر ہونا چاہیے۔ اگر آپ ہمارے وو ڈیمو میں سے کوئی ایک درآمد کر رہے ہیں، جیسا کہ ماڈرن شاپ یا کلاسک شاپ، تو آپ اپنے ڈیٹا کو کھونے کے خطرے کے بغیر اس مرحلہ کو چھوڑ سکتے ہیں۔ آگے جانے کے لیے، ڈراپ ڈاؤن مینو سے 'ابھی نہیں' کو منتخب کریں۔ اگر آپ ہمارے وو ڈیمو میں سے ایک درآمد نہیں کر رہے ہیں، تو 'چلو چلیں!' پر کلک کرکے اگلے مرحلے پر جائیں۔ سیٹ اپ کا عمل شروع کرنے کے لیے بٹن۔

مرحلہ 4 - عمل کو مکمل کرنے اور اپنے اسٹور کے بارے میں ضروری معلومات درج کرنے کے لیے اسکرین پر دیے جانے والے اشارے اور ہدایات پر عمل کریں۔ 'اپنا پہلا پروڈکٹ بنائیں' بٹن پر کلک کرکے جب آپ کام ختم کر لیں گے، آپ اپنی پہلی پروڈکٹ بنانے کے لیے آگے بڑھ سکیں گے۔ متبادل طور پر، آپ سیٹ اپ ونڈو کے نیچے موجود لنک پر کلک کر کے اپنے ورڈپریس ڈیش بورڈ پر واپس جا سکتے ہیں۔

اپنی ویب سائٹ پر دکان کا صفحہ کیسے تفویض کریں۔

عام WooCommerce تنصیب کے عمل کے حصے کے طور پر، سیٹ اپ وزرڈ کو لانچ کیا جانا چاہیے، جس سے آپ اپنی دکان کو ترتیب دے سکتے ہیں اور اپنے دکان کے صفحات کو گاہکوں کو تفویض کر سکتے ہیں۔ ان صفحات پر مزید معلومات جو سیٹ اپ وزرڈ تخلیق کرتا ہے اس WooCommerce دستاویز میں پایا جا سکتا ہے۔

متبادل طور پر، اگر سیٹ اپ وزرڈ ظاہر نہیں ہوتا ہے، یا اگر آپ اسے کسی بھی وجہ سے منسوخ کر دیتے ہیں، تو آپ کسی بھی WooCommerce صفحہ پر ہیلپ مینو سے سیٹ اپ وزرڈ کو منتخب کر کے ہمیشہ سیٹ اپ وزرڈ پر واپس جا سکتے ہیں، جو کہ اوپر بائیں طرف پایا جا سکتا ہے۔ کھڑکی

WooCommerce Settings - WooCommerce > Settings > Products میں مصنوعات کے ٹیب پر جا کر اور ڈراپ ڈاؤن مینو سے وہ صفحہ منتخب کر کے دکان کا صفحہ دستی طور پر سیٹ کر سکتے ہیں جو مرکزی دکان کا صفحہ ہو گا۔ WooCommerce پھر آپ کی کارروائی کے نتیجے میں آپ کی مصنوعات کو اس صفحہ پر ڈسپلے کرے گا۔

باقی صفحات کو ایڈوانسڈ ٹیب میں کنفیگر کیا جا سکتا ہے، جو WooCommerce > Settings > Advanced ۔

آپ کی مصنوعات کی تخلیق

مرحلہ 1 - اپنے ورڈپریس ایڈمن سائڈبار پر، پروڈکٹس> پروڈکٹ شامل کریں ٹیب پر جائیں۔

مرحلہ 2 - صفحہ کے اوپری حصے میں، اپنے پروڈکٹ کا نام درج کریں۔

مرحلہ 3 - پروڈکٹ کی تفصیل کے متن کے ساتھ پوسٹ کے مواد والے فیلڈ کو پُر کریں۔ مصنوعات کی تمام معلومات اس سیکشن میں دکھائی جائیں گی۔

مرحلہ 4 پروڈکٹ ڈیٹا ' باکس کو پروڈکٹ کی تمام معلومات کے ساتھ پُر کریں مثال کے طور پر amp قیمت، SKU، اور شپنگ تمام ممکنہ اختیارات ہیں۔

مرحلہ 5 - ' پروڈکٹ شارٹ ڈسکریپشن ' باکس میں، اپنے پروڈکٹ کی ایک مختصر تفصیل ٹائپ کریں جو آپ کی اہم تصاویر کے ساتھ ظاہر ہوگی۔

مرحلہ 6 صفحہ کے دائیں جانب پروڈکٹ امیج کے نیچے رکھا جانا چاہیے یہ ہر پروڈکٹ کے لیے مکمل ہونا چاہیے۔

مرحلہ 7 - اگر آپ کسی ایک تصویر کے بجائے تصویروں کی گیلری استعمال کرنا چاہتے ہیں تو پروڈکٹ گیلری میں مزید تصاویر شامل کریں

مرحلہ 8 - ' پروڈکٹ زمرہ جات ' باکس میں، وہ زمرے درج کریں جو آپ کی مصنوعات پر لاگو ہوتے ہیں۔ پروڈکٹ ٹیگز ' باکس میں اپنے پروڈکٹ کے لیے مناسب ٹیگز کے ساتھ خالی جگہ کو پُر کریں

مرحلہ 9 - ایک بار جب آپ تمام ضروری معلومات درج کر لیں، ' شائع کریں ' بٹن پر کلک کریں، اور آئٹم آپ کے مرکزی اسٹور فرنٹ صفحہ پر ظاہر ہو جائے گا۔

پروڈکٹ زوم اثر بنانا

اگر آپ Avada لے آؤٹ استعمال کر رہے ہیں، تو آپ کو یہ یقینی بنانا ہوگا کہ WooCommerce پروڈکٹ امیجز زوم آپشن Avada > Options > WooCommerce > General WooCommerce > WooCommerce پروڈکٹ امیجز زوم آپشن ، یا Woo پروڈکٹ امیجز عنصر جنرل ٹیب میں فعال ہے۔ اگر آپ WooCommerce لے آؤٹ استعمال کر رہے ہیں تو پروڈکٹ امیجز زوم کریں

WooCommerce پروڈکٹ امیجز کی چوڑائی Avada > Options > WooCommerce > General WooCommerce > WooCommerce پروڈکٹ امیجز کی چوڑائی یا پروڈکٹ امیجز کی زیادہ سے زیادہ چوڑائی سیٹنگ سے بڑا ہونا چاہیے۔ وو پروڈکٹ امیجز عنصر میں۔ کسی ایک پروڈکٹ گیلری کے لیے کنٹینر کالم کی چوڑائی کا تعین آپ کی منتخب کردہ ترتیبات سے کیا جائے گا۔ ایک بار جب آپ ضروری ایڈجسٹمنٹ کر لیتے ہیں، تو آپ اپنی WooCommerce کی مرکزی تصویر کی چوڑائی سیٹ کرنے کے لیے تیار ہو جائیں گے۔

ورڈپریس مین امیج چوڑائی - WooCommerce مین امیج چوڑائی کی ترتیب آپ کے ورڈپریس ویب سائٹ کے کسٹمائزر میں مل سکتی ہے۔ ورڈپریس ڈیش بورڈ سے، ظاہری شکل > حسب ضرورت > WooCommerce > پروڈکٹ امیجز ، جہاں آپ کو تصویر کی چوڑائی کی مین سیٹنگ ملے گی۔ یہ گیلری میں دکھائی جانے والی تصویر کے اصل سائز کا تعین کرے گا۔

آپ کا زوم اثر جتنا تفصیلی ہوگا، تصویر کا سائز اتنا ہی بڑا ہوگا جو آپ نے اپنی تصویر کے لیے سیٹ کیا ہے۔ واضح کرنے کے لیے، اگر WooCommerce کی ترتیبات میں تصویر کا سائز Avada کے عالمی اختیارات میں تصویر کی چوڑائی سے میل کھاتا ہے، تو صفحہ پر تصویر کے اوپر ماؤس گھومنے پر کوئی زومنگ نظر نہیں آئے گی۔ مزید برآں، آپ جو اصل تصویر اپ لوڈ کرتے ہیں اس کا سائز آپ کی ویب سائٹ کے ڈیزائن میں تصویر کی چوڑائی کی ترتیب کے برابر یا اس سے بڑا ہونا چاہیے۔

اس بات کو یقینی بنائیں کہ آپ WooCommerce تصویر کے سائز کو تبدیل کرنے کے بعد اپنے تھمب نیلز کو دوبارہ تخلیق کرتے ہیں۔ یہ آپ کی نئی تصویر کے سائز کو کسی بھی تصویر پر لاگو کرے گا جو پہلے ہی آپ کی ویب سائٹ پر اپ لوڈ ہو چکی ہیں۔ آپ اس کو پورا کرنے کے لیے Regenerate Thumbnails plugin استعمال کر سکتے ہیں۔

WooCommerce میں مصنوعات کی تصویر کے سائز کی ترتیبات کو ایڈجسٹ کرنا۔

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

فرض کریں کہ آپ اپنی پروڈکٹس کے لیے جو تصاویر اپ لوڈ کرتے ہیں وہ ماخذ پر آپ کی WooCommerce سیٹنگز میں بیان کردہ تصویر کے سائز سے چھوٹی ہیں۔ اس صورت میں، آپ اپنے دکان کے صفحات کے سامنے والے حصے پر کچھ بصری ترتیب میں تضادات دیکھ سکتے ہیں۔ یہ کسی بھی طرح سے بگ نہیں ہے۔ یہ صرف اس وجہ سے ہے کہ آپ کی تصاویر WooCommerce کی ترتیبات کے لیے بہت چھوٹی تھیں جو ان پر اثر انداز ہو سکیں۔ آپ تصویر کے طول و عرض کے لحاظ سے ان ترتیبات کو اپنی تصاویر کے لیے زیادہ سے زیادہ چوڑائی اور اونچائی کے طور پر سوچ سکتے ہیں۔ کوئی بھی چیز جو مخصوص حد سے نیچے آتی ہے اس کا سائز تبدیل نہیں کیا جائے گا۔

اپنی دکان کو ترتیب دیتے وقت، یقینی بنائیں کہ WooCommerce تصویر کے سائز کی ترتیبات اور آپ کی تصاویر کے اصل سائز دونوں کو مدنظر رکھا گیا ہے۔ خلاصہ یہ کہ آپ کی تصاویر آپ کے WooCommerce اسٹور میں تصویر کے سائز کی ترتیبات کے برابر یا اس سے بڑی ہونی چاہئیں۔

آپ کی تصویر کے سائز کی ترتیبات میں کسی بھی تبدیلی کے لیے آپ کو اپنے تھمب نیلز کو دوبارہ تخلیق کرنے کی ضرورت ہوگی تاکہ وہ ان تصاویر پر اثر انداز ہوں جو آپ کی سائٹ پر پہلے ہی اپ لوڈ ہو چکی ہیں۔ لہذا، Regenerate Thumbnails plugin استعمال کرنے کی انتہائی سفارش کی جاتی ہے۔ اس کے علاوہ، تصویر کے سائز کو ذیل کے مراحل کا استعمال کرتے ہوئے ایڈجسٹ کیا جا سکتا ہے:

مرحلہ 1 - اپنے ایڈمن سائڈبار میں، ' ظاہر ' ٹیب پر جائیں اور پھر اپنی سائٹ کو حسب ضرورت بنانا شروع کرنے کے لیے حسب ضرورت بنائیں

مرحلہ 2 صفحہ کے اوپری حصے میں WooCommerce پر جائیں

مرحلہ 3 - سنگل پروڈکٹ امیجز کے لیے امیجز سیٹنگ کنفیگریشن ونڈو کے ' پروڈکٹ امیجز ' ٹیب کے نیچے مل سکتی ہے۔

مرحلہ 4 - جب آپ اپنے واحد پروڈکٹ کے صفحات پر تصاویر اپ لوڈ کرتے ہیں، تو تصویر کی چوڑائی کا مرکزی اختیار منتخب کریں۔ تھمب نیل کی چوڑائی کیٹلاگ میں آپ کی مصنوعات کے تھمب نیلز کی چوڑائی ہے۔ اپنی مطلوبہ چوڑائی کی قیمت کے ساتھ خالی جگہوں کو پُر کریں۔

مرحلہ 5 - تصویر کے سائز کو تبدیل کرنے اور انہیں محفوظ کرنے کے بعد تھمب نیلز کو دوبارہ تخلیق کرنے کے لیے، آپ کو دوبارہ تخلیق کرنے والے تھمب نیلز plugin Plugin سیکشن میں پایا جا سکتا ہے پہلے، Regenerate Thumbnails plugin اور پھر WP Admin > Tools کے ٹیب پر جائیں، جہاں آپ اپنے تصویری تھمب نیلز کو دوبارہ تخلیق کرنے کا انتخاب کر سکتے ہیں، تصویر کے نئے سائز بنا کر۔

ہینسن ایف.

حالیہ پوسٹس

ایلیمینٹر کے ساتھ ہیڈر اور فوٹر کیسے استعمال کریں۔

ویب سائٹ کے ہیڈر اور فوٹر ضروری عناصر ہیں۔ زیادہ تر معاملات میں، ہیڈر نیویگیشن فراہم کرتا ہے…

6 جنوری 2022

ورڈپریس تھیم کا موازنہ: Astra بمقابلہ OceanWP

مارکیٹ میں سب سے زیادہ مقبول ورڈپریس تھیمز میں سے دو Astra اور OceanWP ہیں۔ پیشہ ورانہ…

2 جنوری 2022

ورڈپریس نیوز تھیم کا موازنہ: اخبار بمقابلہ۔ آسٹرا

ایک بہترین نیوز ویب سائٹ بنانے کے لیے ضروری نہیں کہ آپ ویب ڈیزائنر بنیں۔ ہم…

25 اکتوبر 2021

نیوز پیپر تھیم کے ساتھ خبروں سے متعلق ویب سائٹ بنائیں

اخبار کی تھیم ایک اہم ترین ورڈپریس تھیم ہے جسے tagDiv نے ڈیزائن کیا ہے، ایک…

18 اکتوبر 2021

ایلیمینٹر کے ساتھ چسپاں ہیڈر اور اسکرولنگ اثرات کا استعمال کیسے کریں۔

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

21 ستمبر 2021

Avada ہیڈر، فوٹر، اور کالم لے آؤٹ بلڈر کا استعمال کیسے کریں۔

ہمارا اپنا صفحہ بنانے والا، Avada بلڈر، اب دو انٹرفیس میں دستیاب ہے: Avada…

16 ستمبر 2021