WooCommerce পণ্য সারণী সহ এলিমেন্টারে পণ্যগুলির তালিকা করুন

এই পোস্টে, আমরা আপনাকে কীভাবে এলিমেন্টর এবং ডব্লিউসি পণ্য সারণীকে একত্রিত করতে আরও কাস্টমাইজড ওয়ার্ডপ্রেস সাইট তৈরি করতে দেখাব এবং আপনার WooCommerce স্টোর বিক্রয় বাড়িয়ে তুলব।

ওয়ার্ডপ্রেস একটি ওয়েবসাইট তৈরি এবং এটি তৈরি এবং দ্রুত চালানোর প্রক্রিয়াটিকে সহজতর করে। WooCommerce একটি ওয়ার্ডপ্রেস plugin যা আপনাকে কোনও ওয়ার্ডপ্রেস ওয়েবসাইটকে পুরোপুরি কার্যকর অনলাইন স্টোর হিসাবে রূপান্তর করতে দেয়। আপনি একটি অনুলিপি সাইট তৈরির ঝুঁকি চালান, যদিও আপনি যদি তাদের ডিফল্ট বিকল্প এবং বৈশিষ্ট্যগুলি চালিয়ে যান তবে এটি আপনার ব্যবসায়ের প্রয়োজনের জন্য উপযুক্ত নাও হতে পারে। আপনার ওয়েবসাইটটি ডিজাইনের এবং কাস্টমাইজ করার জন্য সর্বোত্তম সরঞ্জামগুলি নির্ধারণ করা আপনার প্রয়োজন অনুযায়ী এটি সমালোচনা করে।

আপনার স্টোরের কার্যকারিতা বাড়ানোর জন্য অনেকগুলি ওয়ার্ডপ্রেস এবং ডাব্লুউকমার্স plugin এস উপলব্ধ রয়েছে - এলিমেটার, প্রাক্তন amp লে এর জন্য, আপনার WooCommerce পণ্য পৃষ্ঠাটি কাস্টমাইজ করার জন্য সর্বাধিক সরল সরঞ্জাম। যদিও এটি এর অন্যতম উল্লেখযোগ্য সুবিধা তবে এর কিছু উল্লেখযোগ্য ত্রুটি রয়েছে significant উদা amp Le, যখন আপনি একত্রিত ওয়ার্ডপ্রেস plugin গুলি বিভিন্ন লেখক থেকে, আপনি সামঞ্জস্য ত্রুটি এবং অন্যান্য জটিলতা সম্মুখীন হওয়ার সম্ভাবনা চালানো; ওয়ার্ডপ্রেস ওয়েবসাইটগুলির জন্য WooCommerce প্রোডাক্ট টেবিল এবং এলিমেন্টার plugin ব্যবহার করার সময় এটি হয় না । এই plugin কোনও একটি ব্যবহার করার সময় আপনার সাইটের উপস্থিতি এবং কার্যকারিতার উপর আপনার আরও বেশি নিয়ন্ত্রণ থাকবে এবং এগুলি আরও দুর্দান্ত ফলাফল পাওয়ার জন্য এগুলি ব্যবহার করে ব্যবহার করা যেতে পারে।

• WooCommerce প্রোডাক্ট টেবিল এবং এলিমেন্টার ফ্রেমওয়ার্কগুলির একটি দ্রুত ওভারভিউ
• একটি টেক্সট সম্পাদক বা শর্টকোড উইজেটের সাথে একটি WooCommerce পণ্য সারণী অন্তর্ভুক্ত করতে, এই পদক্ষেপগুলি অনুসরণ করুন:
• অ্যাকর্ডিয়ানস, ট্যাব এবং টগলগুলি বেশ কয়েকটি পণ্য সারণী সংগঠিত করতে ব্যবহার করা যেতে পারে।

WooCommerce প্রোডাক্ট টেবিল এবং এলিমেন্টার ফ্রেমওয়ার্কগুলির একটি দ্রুত ওভারভিউ

যেমন আগেই বলা হয়েছে, ওয়ার্ডপ্রেস plugin একটি বিস্তৃত নির্বাচন উপলব্ধ যা আপনার নির্দিষ্ট প্রয়োজনীয়তার সাথে ব্যক্তিগতকৃত একটি আরও ভাল ওয়ার্ডপ্রেস সাইট তৈরিতে সহায়তা করতে পারে। কিছু plugin বড় আকারে ব্যবহার করার জন্য ডিজাইন করা হয়েছে, অন্যরা কোনও নির্দিষ্ট দিক বা বৈশিষ্ট্য যুক্ত করার জন্য ডিজাইন করা হয়েছে।

এলিমেন্টর প্রথম প্রকারের প্রয়োগের একটি প্রাক্তন amp লে

আমাদের পৃষ্ঠা নির্মাতা plugin আপনাকে ওয়েব পৃষ্ঠাগুলি তৈরি এবং আপনার ওয়ার্ডপ্রেস ওয়েবসাইট তৈরির জন্য সম্পূর্ণ নতুন ইন্টারফেস সরবরাহ করে। উইজেট, ব্লক এবং লেআউটের বিস্তৃত গ্রন্থাগার থেকে বাছাই করে এবং কাস্টমাইজ করে আপনার ওয়েবসাইটকে যেভাবে একত্রিত করা হয়েছে তার উপর আপনি প্রচুর নিয়ন্ত্রণ অর্জন করতে পারেন।

WooCommerce পণ্য সারণী আরও সাধারণ সমাধান হিসাবে, এটি আরও লক্ষ্যযুক্ত:

এই plugin আপনাকে ডায়নামিক, সম্পূর্ণ কাস্টমাইজযোগ্য টেবিলগুলি তৈরি করতে দেয় যা আপনার WooCommerce পণ্য এবং পরিষেবাদি তালিকাভুক্ত করে। তবে, WooCommerce এর সাথে তাদের কথোপকথনের কারণে, এই টেবিলগুলি অনলাইন ক্রেতাদের জন্য ব্যবহারকারী-বান্ধব এবং দৃষ্টি আকর্ষণীয় পদ্ধতিতে আইটেম এবং পরিষেবাদি প্রদর্শন করার জন্য বিশেষভাবে উপযুক্ত। পোস্ট টেবিল প্রো plugin এলিমেন্টারের সাথে সমানভাবে ইন্টারেক্ট করে এবং কেবলমাত্র WooCommerce পণ্যগুলির পরিবর্তে কোনও ওয়ার্ডপ্রেস বিষয়বস্তুর ধরণের তালিকা তৈরি করে (আপনি যদি পণ্যগুলি বাদ দিয়ে কিছু প্রদর্শন করতে চান - যেমন পোস্ট, পৃষ্ঠাগুলি বা নথি) তবে এর পরিবর্তে ব্যবহার করা যেতে পারে।

যখন একে অপরের সাথে মিলিতভাবে ব্যবহৃত হয়, এলিমেন্টার এবং WooCommerce পণ্য সারণী উল্লেখযোগ্যভাবে বিবিধ ক্ষমতা সরবরাহ করে। আপনি এগুলি কয়েকটি অত্যন্ত উল্লেখযোগ্য প্রভাব তৈরি করতে ব্যবহার করতে পারেন যা আপনার WooCommerce স্টোরের বিক্রয় সংখ্যা বাড়িয়ে তুলতে সহায়তা করবে।

এখন সময় ব্যবসায়ে নেমে যাওয়ার। নীচের বিভাগগুলিতে, আমরা উপরের চিত্রের মতোই প্রতিক্রিয়া তৈরি করতে আপনি কীভাবে WooCommerce পণ্য সারণী এবং এলিমেন্টর ব্যবহার করতে পারেন তার কয়েকটি বাস্তব-বিশ্ব প্রাক্তন amp লিস দেখব।

এই দুটি plugin এর সংমিশ্রণের ক্ষেত্রে, আকাশটি সীমাবদ্ধ - এবং এগুলি সম্ভাবনার কয়েকটি মাত্র। কিছুটা পরীক্ষা এবং ত্রুটির সাথে আপনি একই বুনিয়াদি পদ্ধতির ব্যবহার করে বিভিন্ন পৃষ্ঠাগুলি একসাথে রাখতে পারেন যা আমরা প্রদর্শিত করব।

প্রথম এবং সর্বাগ্রে আপনি নিশ্চিত করতে চাইবেন যে দুটি plugin আপনার সাইটে সঠিকভাবে ইনস্টল করা আছে। এটি একটি ভাল জিনিস যে এলিমেন্টর ইনস্টল করা এবং WooCommerce পণ্য সারণীটি কনফিগার করা বেদনাদায়ক এবং সোজা। আপনি এই পদক্ষেপটি নিয়ে এগিয়ে যাওয়ার আগে ডাব্লুউইউকমার্স নিজেই ইনস্টল এবং সক্ষম হওয়া আবশ্যক। তারপরে আপনি আপনার প্রকল্পে কাজ করতে প্রস্তুত থাকবেন।

একটি টেক্সট সম্পাদক বা শর্টকোড উইজেটের সাথে একটি WooCommerce পণ্য সারণী অন্তর্ভুক্ত করতে, এই পদক্ষেপগুলি অনুসরণ করুন:

আসুন সম্ভব সবচেয়ে মৌলিক এবং উপকারী অ্যাপ্লিকেশন দিয়ে শুরু করা যাক। বিকল্পভাবে, আপনি যদি কেবল নিজের এলিমেন্টর ওয়েবসাইটে গতিশীল পণ্য সারণী ব্যবহার করতে চান তবে আপনি এটি কোনও উইজেটে যুক্ত করতে পারেন এবং এটি ওয়েবসাইটের সামনের প্রান্তে উপস্থিত হতে পারেন।

আপনি যখন কোনও পৃষ্ঠা বা পোস্ট খুলবেন তখন আপনি এলিমেন্টর সম্পাদকটি ব্যবহার করছেন তা নিশ্চিত করুন। যদি আপনাকে পরিচিত ওয়ার্ডপ্রেস ইন্টারফেসের সাথে উপস্থাপন করা হয় তবে এলিমেন্টার ইন্টারফেসে স্যুইচ করতে এলিমেন্টর উইন্ডো এডিট ক্লিক করুন:

যদি এলিমন্টরের সাথে এটি আপনার প্রথমবার কাজ করা হয় তবে আসুন প্ল্যাটফর্মের আশেপাশে একটু ভ্রমণ করি। আপনার সামগ্রীতে প্রদর্শিত হবে যেখানে ডানদিকে একটি বৃহত অঞ্চল উপস্থিত হবে এবং এটি যুক্ত ও পরিবর্তন করার সাথে সাথে এটি রিয়েল-টাইমে আপডেট হবে। স্ক্রিনের বাম দিকে, 'উইজেটস' এর একটি তালিকা রয়েছে যা আপনি নির্ধারিত অঞ্চলে টানতে পারেন এবং তারপরে পুনর্গঠিত এবং প্রয়োজনমতো কনফিগার করতে পারেন:

একটি পণ্য টেবিল বিভিন্ন এলিমেন্টর উইজেটের সাথে ব্যবহার করা যেতে পারে। আপনি যদি কেবল কোনও পৃষ্ঠায় একটি একক পণ্য সারণী প্রদর্শন করতে চান তবে, আপনি পৃষ্ঠার এইচটিএমএল কোডটিতে একটি সূচনা পাঠ্য বিভাগ যুক্ত করে এটি সম্পাদন করতে পারেন। পাঠ্য সম্পাদক উইজেটটি তুলে নিন এবং নীচে এটি একটি খালি জায়গায় সরিয়ে ফেলুন:

এর পরে, আপনি ডিফল্ট পাঠ্য অপসারণ করতে এবং উইজেটের অভ্যন্তরে ক্লিক করতে পারেন যা যা চান সামগ্রী দিয়ে এটি প্রতিস্থাপন করতে পারেন। এটি যখন পণ্য টেবিলে নিজেই আসে তখন আপনি এই সাধারণ শর্টকোডে আটকানোর মাধ্যমে এটি অন্তর্ভুক্ত করতে পারেন:

[পণ্য সারণী]

আপনি যখন নিজের পৃষ্ঠাতে শর্টকোডটি সন্নিবেশ করবেন তখন সারণিটি আপনার নির্দিষ্ট জায়গায় উপস্থিত হবে যা আপনি সামনের প্রান্তে দেখে যাচাই করতে পারবেন:

আপনি যদি কেবল কোডটির জন্য কোনও উপাদান ব্যবহার করতে চান তবে আপনি শর্টকোড উইজেটটি ব্যবহার করতে পারেন।

আপনি টেবিলে অবস্থান স্থির করার পরে পৃষ্ঠাটি সংরক্ষণ করতে কখনও ভুলে যাবেন না, আপনি যেখানেই রাখবেন ঠিক তা বিবেচনা করুন। এটি অনুসরণ করে, আপনি সম্ভবত টেবিলটি কীভাবে প্রদর্শিত হবে এবং কীভাবে কাজ করে তাতে কিছু পরিবর্তন করতে চাইবেন।

আপনার ওয়ার্ডপ্রেস ড্যাশবোর্ডে ফিরে যান এবং এই টাস্কটি সম্পূর্ণ করতে WooCommerce> সেটিংস ট্যাবে নেভিগেট করুন। পণ্যের টেবিলগুলি পর্দার শীর্ষে পণ্যগুলি নির্বাচন করে এবং তারপরে পণ্য সারণীগুলি পাওয়া যাবে:

আপনার WooCommerce পণ্য সারণীটি কনফিগার করার জন্য বিকল্পগুলির একটি সম্পূর্ণ তালিকা এখানে পাওয়া যাবে। সারণীতে প্রদর্শিত তথ্যের উপর আপনার সম্পূর্ণ নিয়ন্ত্রণ রয়েছে এবং আপনি অন্যান্য বিষয়ের মধ্যে ফিল্টার এবং ভেরিয়েবল যুক্ত করে এটি কাস্টমাইজ করতে পারেন। বিভিন্ন পছন্দ সম্পর্কে আরও তথ্যের জন্য plugin এর ডকুমেন্টেশন দেখুন।

আপনি আর কিছু না করেই এলিমেন্টর ব্যবহার করে সবে তৈরি পণ্য সারণীটি পরিবর্তন করতে সক্ষম হবেন। একবার আপনি আপনার স্পেসিফিকেশনে টেবিলটি কাস্টমাইজ করা শেষ করার পরে, কেবল আপনার পরিবর্তনগুলি সংরক্ষণ করুন এবং আপনি যেতে প্রস্তুত!

অ্যাকর্ডিয়ানস, ট্যাব এবং টগলগুলি বেশ কয়েকটি পণ্য সারণী সংগঠিত করতে ব্যবহার করা যেতে পারে।

আপনি যদি আপনার WooCommerce পণ্যগুলির সাথে একটি একক টেবিল উপস্থাপন করতে চান তবে উপরের সমাধানটি ভাল কাজ করে। আপনি যদি অনেকগুলি টেবিল তৈরি করতে চলেছেন, যার মধ্যে প্রতিটিগুলির বিভিন্ন ধরণের অবজেক্ট রয়েছে তবে এটি সর্বোত্তম বিকল্প নয়।

এলিমেন্টারে এটি সম্পাদন করার বিভিন্ন উপায় রয়েছে। প্রাক্তন amp লে এর জন্য অ্যাকর্ডিয়ান উইজেটটি আমরা শেষ কেস স্টাডিতে দেখেছি একই প্রভাব তৈরি করতে ব্যবহার করা যেতে পারে। ডান হাত সম্পাদনা অঞ্চল থেকে শুরু করে, অ্যাকর্ডিয়ান উইজেটটি বাম-হাতের সম্পাদনা অঞ্চলে সরান।

প্লাস চিহ্নগুলিতে ক্লিক করে আপনি যতগুলি আলাদা আলাদা ট্যাব তৈরি করতে পারেন এবং আপনি প্রতিটিটির মধ্যে শিরোনাম এবং পাঠ্য কাস্টমাইজ করতে পারেন। অতিরিক্ত হিসাবে, আপনি পূর্বে উল্লিখিত একই শর্টকোড ব্যবহার করে এক বা একাধিক ট্যাবে একটি পণ্য টেবিল যুক্ত করতে পারেন।

অবশ্যই, কেবল প্রাথমিক শর্টকোড যুক্ত করার ফলে অনুরূপ পণ্য টেবিলগুলির উত্তরসূরী হবে, যা সম্ভবত আপনি প্রথম স্থানে যা খুঁজছিলেন তা নয়। পরিবর্তে, আপনাকে কেবলমাত্র নির্দিষ্ট পণ্যগুলি প্রদর্শন করতে প্রতিটি শর্টকোড কাস্টমাইজ করতে হবে - প্রাক্তন amp লে জন্য, নির্দিষ্ট বিভাগের আইটেমগুলি - সমস্ত পণ্যের পরিবর্তে।

আপনি যে পদ্ধতিটি ব্যবহার করবেন তা নির্ধারিত হবে আপনি যে পণ্যগুলিকে অন্তর্ভুক্ত করতে চান এবং প্রশ্নে প্রতিটি টেবিল থেকে বাদ দিতে পারেন। অতিরিক্ত তথ্যের জন্য, দয়া করে আপনার WooCommerce পণ্য সারণী শর্টকোডগুলি কাস্টমাইজ করার সম্পূর্ণ গাইডটি দেখুন।

এটা লক্ষণীয় যে আপনি অন্য কিছু সহায়ক এলিমেন্টর উইজেটগুলির সাহায্যে অনুরূপ প্রভাব অর্জন করতে পারেন; এটি অন্যান্য উপাদানগুলির মধ্যে টগল উইজেট এবং ট্যাব উইজেট অন্তর্ভুক্ত করে। একটি আকর্ষণীয় এবং সুসংগঠিত পদ্ধতিতে WooCommerce পণ্য সারণী উপস্থাপনের পরিপ্রেক্ষিতে

নিখরচায় অনলাইন এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্ট আয়োজককে ধন্যবাদ জানিয়ে আপনার নিবিড় মার্কআপ আপ সাফ করুন!

আপনার ব্যবসায়টি প্রতিযোগিতা থেকে সরে দাঁড়াতে চাইলে আপনার ই-বাণিজ্য ওয়েবসাইটের ডিজাইনে কিছু তীব্র চিন্তাভাবনা রাখুন। উদা amp le, আপনি আপনার পণ্য প্রদর্শন করে সবচেয়ে কার্যকর পদ্ধতিতে নির্ধারণ করা, আদর্শভাবে একটি শৈলী উভয় ব্যবহারকারী বান্ধব এবং চাক্ষুষরূপে চোখ থেকে মর্মস্পর্শী যে মধ্যে চাইবেন।

ভাগ্যক্রমে, এলিমেন্টারের সাথে WooCommerce পণ্য সারণী plugin ব্যবহার করা এটি একটি সহজ কাজ করে তোলে। আপনার প্রোডাক্ট টেবিল শর্টকোডটি সত্যই গতিশীল উপায়ে আপনার সাইটের অফার করা সমস্ত (বা কেবল একটি নির্বাচন) প্রদর্শন করতে ব্যবহার করা যেতে পারে।