ایلومینٹر میں WooCommerce پروڈکٹ ٹیبل کے ساتھ مصنوعات کی فہرست بنائیں

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

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

کئی ورڈپریس اور ورڈپریس plugin کے اپنے اسٹور کی فعالیت کو بڑھانے کے لئے دستیاب ہیں - سابق کے لئے، Elementor amp لی، اپنے ورڈپریس مصنوعات کے صفحے تخصیص کے لئے سب سے زیادہ براہ راست آلہ ہے. اگرچہ یہ اس کے سب سے اہم فوائد میں سے ایک ہے ، اس میں کچھ خاص کمی بھی ہے۔ سابق کے لئے amp لی، آپ کو اکٹھا جب ورڈپریس plugin کی مختلف مصنفین سے، آپ کو مطابقت غلطیوں اور دیگر پیچیدگیوں کا سامنا کے موقع چلانے؛ ورڈپریس ویب سائٹوں کے لئے WooCommerce پروڈکٹ ٹیبل اور ایلیمینٹر plugin کا استعمال کرتے وقت ایسا نہیں ہوتا ہے ۔ جب آپ ان میں سے کسی ایک بھی plugin کا استعمال کرتے ہیں تو آپ کو اپنی سائٹ کی ظاہری شکل اور فعالیت پر زیادہ کنٹرول حاصل ہوتا ہے ، اور اس سے بھی زیادہ عمدہ نتائج حاصل کرنے کے لئے ان کو مل کر استعمال کیا جاسکتا ہے۔

WooCommerce پروڈکٹ ٹیبل اور ایلیمینٹر فریم ورک کا ایک فوری جائزہ

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

ایلیمینٹر پہلی قسم کی درخواست کا ایک سابق amp لی ہے:

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

اگرچہ WooCommerce پروڈکٹ ٹیبل ایک زیادہ عام حل ہے ، لیکن یہ بھی زیادہ نشانہ بنایا جاتا ہے:

یہ plugin آپ کو متحرک ، مکمل طور پر مرضی کے مطابق ٹیبل بنانے کی اجازت دیتا ہے جو آپ کے WooCommerce پروڈکٹ اور خدمات کو درج کرتے ہیں۔ تاہم ، WooCommerce کے ساتھ ان کی بات چیت کی وجہ سے ، یہ ٹیبلز خاص طور پر آن لائن خریداروں کے لئے صارف دوست اور ضعف دلکش انداز میں اشیاء اور خدمات کی نمائش کے ل for مناسب ہیں۔ پوسٹس ٹیبل پرو plugin ایلیمینٹر کے ساتھ یکساں طور پر بات چیت کرتا ہے اور کسی بھی ورڈپریس مواد کی قسم کو ٹیبل میں صرف WooCommerce پروڈکٹس کی بجائے فہرست دیتا ہے (اگر آپ مصنوعات کے علاوہ کچھ ظاہر کرنا چاہتے ہیں - جیسے پوسٹس ، پیجز یا دستاویزات) ، اس کے بجائے استعمال کیا جاسکتا ہے۔

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

اب وقت آگیا ہے کہ کاروبار پر اتریں۔ مندرجہ ذیل حصوں میں، ہم کچھ حقیقی دنیا کے سابق میں دیکھتا ہوں amp لیس کیا آپ اوپر دکھائے گئے ان لوگوں کی طرح اثرات پیدا کرنے کے لئے ورڈپریس مصنوعات ٹیبل اور Elementor استعمال کر سکتے ہیں کہ کس طرح کی.

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

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

ٹیکسٹ ایڈیٹر یا مختصر ویجیٹ میں WooCommerce پروڈکٹ ٹیبل کو شامل کرنے کے لئے ، ان مراحل پر عمل کریں:

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

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

اگر ایلیمینٹر کے ساتھ کام کرنے کا یہ آپ کا پہلا موقع ہے تو ، چلیں پلیٹ فارم کے ارد گرد تھوڑا سا دورہ کریں۔ ایک بڑا علاقہ دائیں طرف نظر آئے گا جہاں آپ کا مواد دکھایا جائے گا ، اور جب آپ اسے جوڑیں گے اور اس میں ردوبدل کریں گے تو اسے ریئل ٹائم میں اپ ڈیٹ کیا جائے گا۔ اسکرین کے بائیں طرف ، 'ویجٹ' کی ایک فہرست موجود ہے جسے آپ نامزد علاقے میں گھسیٹ سکتے ہیں اور پھر ضرورت کے مطابق تنظیم اور تشکیل کرسکتے ہیں:

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

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

[مصنوعات کی میز]

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

اگر آپ خود کوڈ کے ل an ہی عنصر استعمال کرنا چاہتے ہیں تو آپ شارٹ کوڈ ویجیٹ استعمال کرسکتے ہیں۔

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

اپنے ورڈپریس ڈیش بورڈ پر واپس جائیں اور اس کام کو مکمل کرنے کے لئے WooCommerce> ترتیبات کے ٹیب پر جائیں۔ پروڈکٹ ٹیبلز کو اسکرین کے اوپری حصے میں مصنوعات اور پھر پروڈکٹ ٹیبلز کا انتخاب کرکے پایا جاسکتا ہے۔

اپنے WooCommerce پروڈکٹ ٹیبل کو تشکیل دینے کے ل options اختیارات کی ایک پوری فہرست ابھی یہاں مل سکتی ہے۔ ٹیبل میں ظاہر ہونے والی معلومات پر آپ کا مکمل کنٹرول ہے اور آپ اسے دیگر چیزوں کے علاوہ فلٹرز اور متغیرات کا اضافہ کرکے اپنی مرضی کے مطابق کرسکتے ہیں۔ مختلف انتخابوں کے بارے میں مزید معلومات کے لئے plugin کی دستاویزات دیکھیں۔

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

معاہدے ، ٹیبز اور ٹوگلز کو کئی پروڈکٹ ٹیبلز کو منظم کرنے کے لئے استعمال کیا جاسکتا ہے۔

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

ایلیمنٹر میں اس کو پورا کرنے کے بہت سے مختلف طریقے ہیں۔ ایکورڈین ویجیٹ ، ایکسٹ amp لی کے لئے ، وہی اثر پیدا کرنے کے لئے استعمال کیا جاسکتا ہے جو ہم نے آخری کیس اسٹڈی میں دیکھا تھا۔ دائیں ہاتھ کی تدوین والے علاقے سے شروع کرتے ہوئے ، ایکارڈین ویجیٹ کو بائیں سمت والے علاقے میں منتقل کریں۔

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

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

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

یہ بات قابل غور ہے کہ آپ کچھ دوسرے مددگار Elementor ویجٹ کی مدد سے اسی طرح کا اثر حاصل کر سکتے ہیں۔ یہ ٹوگل ویجیٹ اور ٹیبز ویجیٹ پر مشتمل ہے، دوسرے اجزاء کے ساتھ۔ متعدد WooCommerce پروڈکٹ ٹیبلز کو دلکش اور منظم انداز میں پیش کرنے کے لحاظ سے، Elementor آپ کا جانے والا ٹول ہے۔

آن لائن ایچ ٹی ایم ایل ، سی ایس ایس ، اور جاوا اسکرپٹ منتظمین کی بدولت اپنے میلا مارک اپ کو صاف کریں!

اگر آپ چاہتے ہیں کہ آپ کا کاروبار مقابلہ سے الگ ہو تو اپنی ای کامرس ویب سائٹ کے ڈیزائن میں کچھ سخت سوچ ڈالیں۔ سابق کے لئے amp لی، آپ کو مثالی طور پر دونوں صارف دوستانہ اور ضعف آنکھ سے اپیل ہے کہ ایک انداز میں آپ کی مصنوعات کی نمائش کی سب سے زیادہ مؤثر طریقے سے اس بات کا تعین کرنا چاہیں گے.

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

ایک تبصرہ چھوڑ دو

آپ کا ای میل پتہ شائع نہیں کیا جائے گا۔ مطلوبہ فیلڈز نشان زد ہیں *