Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. WordPress
Code

উকমার্স : আর্কাইভ পেইজে পণ্যের সংক্ষিপ্ত বিবরণ যোগ করা

by
Difficulty:IntermediateLength:ShortLanguages:

Bengali (বাংলা) translation by Nazmul Shuvo (you can also view the original English article)

Final product image
What You'll Be Creating

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

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

আপনার যা দরকার হবে

অনুসরণ করার জন্য, আপনার যা লাগবেঃ

  • ওয়ার্ডপ্রেস এর একটি ডেভেলপমেন্ট ইন্সটলেশন ।
  • একটি কোড এডিটর।
  • সক্রিয় উকমার্স ।
  • যোগকরা পন্য - আমি আমদানি করেছি ডামি পণ্যের ডাটা যা উকমার্সের সাথে এসেছে; কিভাবে করবেন বিস্তারিতের জন্যে, এই কৌশলটি দেখুন।
  • একটি সক্রিয় উকমার্স উপযুক্ত থিম- আমি ব্যবহার করছি Storefront। 

শুরুর পূর্বে, নিশ্চিত হোন যে আপনার উকমার্স সেটআপ আছে। পণ্যের সংক্ষিপ্ত বিবরণ যোগ করতে, অনুসরণ করুন তিনটি ধাপঃ

  1. ফাংশনের জন্য একটি প্লাগইন তৈরি করুন এবং প্লাগইনটি সক্রিয় করুন।
  2. একটি ফাংশন যোগ করুন যা পণ্যের সংক্ষিপ্ত বিবরণ আউটপুট দিবে।
  3. উকমার্সের হুকটি খুজে বের করুন যা আমাদের ফাংশনের সাথে হুক করানো প্রয়োজন, এবং ফাংশনটি সেই হুকের সাথে সংযুক্ত করুন।

তবে চলুন শুরু করা যাক!

প্লাগইন তৈরি করা

আপনার wp-content/plugins ডিরেক্টরিতে, একটি নতুন PHP ফাইল তৈরি করুন। আমি আমারটির নাম দিয়েছি tutsplus-product-archive-short-descriptions.php

ফাইলটি আপনার কোড এডিটরে খুলুন। ফাইলটির শুরুতে, এটি যোগ করুনঃ

এটি প্লাগইনটি সেটআপ করা এবং ওয়ার্ডপ্রেসকে এটি সক্রিয় করার প্রয়োজনীয় সব দেওয়ার জন্য। 

এখন ওয়ার্ডপ্রেস এডমিন থেকে প্লাগইন স্ক্রিন এ যান এবং প্লাগইনটি খুজে বের করুনঃ

Activating the plugin via the plugins screen

এখন এটি সক্রিয় করুন।

প্রথমে এটি কোন পরিবর্তন আনবে না যেহেতু আপনি এটিকে এখনো পপুলেট করেননি। এখানে এই মুহুর্তে মেইন শপটি যেমন দেখাচ্ছেঃ

The site with the Storefront theme activated with no product short descriptions on the main shop archive page

সংক্ষিপ্ত বিবরণ আউটপুট এর জন্য একটি ফাংশন লিখা

পণ্যের সংক্ষিপ্ত বিবরনের জন্য উকমার্স উদ্ধৃতাংশ ব্যবহার করে যা আপনি সাধারণ পোস্টে খুজে পাবেন, তাই এটি প্রদর্শনের জন্য আপনার শুধু পোস্টের উদ্ধৃতাংশ প্রদর্শন করানো প্রয়োজন। 

আপনার প্লাগইন এ, নিচের কোড যোগ করুনঃ

এটি এতই সহজ! কিন্তু এখন আপনার ফাংশনটি সঠিক একশনে হুক করা প্রয়োজন, যাতে এটি আপনার আর্কাইভ পেইজগুলোতে সঠিক স্থানে আউটপুট দেয়।

ফাংশনকে সঠিক একশনে হুক করা

চলুন দেখে নেই উকমার্স এর একটি ফাইল যা আর্কাইভ পেইজগুলিতে আউটপুট দিবে লুপের কন্টেন্ট। ফাইলটি content-product.php, এবং আপনি এটি উকমার্স প্লাগইন এর templates ফোল্ডারে খুজে পাবেন।

এই ফাইলটিতে কিছু সংখ্যক একশন হুক রয়েছে, যার সবই উকমার্স দ্বারা ব্যবহৃত হচ্ছে বিভিন্ন বিষয়বস্তু আউটপুটের জন্য।

আমরা যেমন প্রদর্শন করতে চাচ্ছি আমাদের উদ্ধৃতাংশ পণ্যের শিরোনামটির নিচে, আমাদের যে হুকটি ব্যবহার করা প্রয়োজন সেটি woocommerce_after_shop_loop_item_title। আপনি যেমন content-product.php ফাইলে দেখতে পাবেন, এতে ইতিমধ্যে দুটি ফাংশন সংযুক্ত আছে,woocommerce_template_loop_rating() এবংwoocommerce_template_loop_price(), যার অগ্রাধিকার যথাক্রমে 5 এবং 10। তাই আমাদের ফাংশন হুক করা প্রয়োজন একটি উচ্চ অগ্রাধিকারি সংখ্যা দিয়ে, নিশ্চিত হতে যে এটি ওইগুলোকে পিছে ফেলেছে। আমি কিছু অতি সামান্য বিচ্যুতি ছেড়ে দিবো এবং অগ্রাধিকারের জন্য 40 ব্যবহার করব।

ফাংশনের তলদেশে, এটি যোগ করুনঃ

এখন আপনার প্লাগইনটি সেভ করুন এবং শপ পেইজটি আপনার ব্রাউজারে রিফ্রেশ করুন। আপনি এখন আপনার পণ্যের নামের নিচে পণ্যের সংক্ষিপ্ত বিবরণ দেখতে পাবেনঃ

The shop page with short descriptions added to products

এই বিবরণগুলি (ডামি ডাটা প্রদত্ত) একটু লম্বাঃ ব্যক্তিগতভাবে আমি লাইভ সাইটে আরো ছোট বিবরণ ব্যবহার করবো।  কিন্তু আপনি আর্কাইভ পেইজগুলিতে পরিষ্কারভাবে প্রদর্শিত বিবরণগুলি দেখতে পাবেন।

সারমর্ম

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

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.