WooCommerce-এ যখন আমরা কোনো ভ্যারিয়েবল প্রোডাক্ট (যেমন: একাধিক সাইজ বা কালারের প্রোডাক্ট) আপলোড করি, তখন সাধারণত শপ পেজ বা প্রোডাক্ট গ্রিডে দামটি একটি রেঞ্জ হিসেবে দেখায় (উদাহরণ: ৳১০০ – ৳৫০০)। কিন্তু অনেক ই-কমার্স ওয়েবসাইটের মালিকরাই চান এই রেঞ্জ প্রাইস বা “To” প্রাইসটি হাইড করে, সিম্পল প্রোডাক্টের মতো শুধুমাত্র মিনিমাম প্রাইস বা ডিসকাউন্ট প্রাইসটি শো করতে।
এতে কাস্টমারদের কাছে প্রোডাক্টের প্রাইসিং অনেক ক্লিয়ার হয় এবং ওয়েবসাইটের ডিজাইনও দেখতে অনেক সুন্দর ও প্রফেশনাল লাগে। আজকের এই আর্টিকেলে আমরা দেখবো কীভাবে খুব সহজে ছোট্ট একটি PHP কোডের মাধ্যমে যেকোনো ওয়ার্ডপ্রেস থিমে এই কাজটি করা যায়।
যে কারণে Range Price হাইড করা প্রয়োজন:
- ইউজার এক্সপেরিয়েন্স (UX): কাস্টমাররা প্রোডাক্টের একদম শুরুর দামটি দেখতে পেলে ক্লিক করার আগ্রহ বেশি দেখায়।
- সিম্পল লুক: রেঞ্জ প্রাইস অনেক সময় প্রোডাক্ট গ্রিডকে হিজিবিজি করে তোলে। একটি সিঙ্গেল প্রাইস বা শুধু সেল প্রাইস দেখালে ডিজাইন ক্লিন থাকে।
- ডিসকাউন্টের সঠিক প্রেজেন্টেশন: ভ্যারিয়েবল প্রোডাক্টে ডিসকাউন্ট থাকলে রেঞ্জ প্রাইসের কারণে অনেক সময় কাস্টমাররা তা ঠিকমতো বুঝতে পারেন না। কোডটি ব্যবহার করলে রেগুলার প্রাইস কেটে দিয়ে সুন্দরভাবে সেল প্রাইসটি শো করবে।
কীভাবে কোডটি আপনার ওয়েবসাইটে যুক্ত করবেন?
যেকোনো স্ট্যান্ডার্ড WooCommerce থিমের জন্যই নিচের কাস্টম PHP কোডটি কাজ করবে। এটি আপনি আপনার চাইল্ড থিমের functions.php ফাইলে বা কোনো Code Snippets প্লাগিন ব্যবহার করে যুক্ত করতে পারেন।
ধাপসমূহ:
- আপনার ওয়ার্ডপ্রেস ড্যাশবোর্ড থেকে Appearance > Theme File Editor-এ যান।
- ডানপাশের লিস্ট থেকে আপনার অ্যাক্টিভ থিম (বা চাইল্ড থিম)-এর functions.php ফাইলটি সিলেক্ট করুন।
- একদম নিচে গিয়ে স্ক্রল করে নিচের কোডটি পেস্ট করে দিন এবং ফাইলটি সেভ করুন:
add_filter( 'woocommerce_variable_sale_price_html', 'custom_format_variable_price', 10, 2 );
add_filter( 'woocommerce_variable_price_html', 'custom_format_variable_price', 10, 2 );
function custom_format_variable_price( $price, $product ) {
// শুধুমাত্র ভ্যারিয়েবল প্রোডাক্টের জন্য কাজ করবে
if ( ! $product->is_type( 'variable' ) ) {
return $price;
}
$min_regular_price = $product->get_variation_regular_price( 'min', true );
$min_sale_price = $product->get_variation_sale_price( 'min', true );
$max_price = $product->get_variation_price( 'max', true );
$min_price = $product->get_variation_price( 'min', true );
// যদি সব ভ্যারিয়েশনের দাম একই হয়, তাহলে ডিফল্ট প্রাইস শো করবে
if ( $min_price === $max_price ) {
return $price;
}
// যদি প্রোডাক্টটি সেলে থাকে, তাহলে ডিসকাউন্ট প্রাইস ফরম্যাটে শো করবে (সিম্পল প্রোডাক্টের মতো)
if ( $product->is_on_sale() ) {
$price = wc_format_sale_price( wc_price( $min_regular_price ), wc_price( $min_sale_price ) );
} else {
// সেলে না থাকলে শুধু মিনিমাম প্রাইস শো করবে
$price = wc_price( $min_regular_price );
}
return $price;
}
নোট: কোডটি সরাসরি মেইন থিমে না দিয়ে চাইল্ড থিমে বা ‘Code Snippets‘ নামের প্লাগিন দিয়ে অ্যাড করাটা বেস্ট প্র্যাকটিস, যাতে থিম আপডেট করলেও কোডটি মুছে না যায়।
WooCommerce-এর এই ছোট্ট একটি ট্রিক আপনার ই-কমার্স ওয়েবসাইটের কনভার্শন রেট বাড়াতে সাহায্য করতে পারে। কোডটি অ্যাড করার পর আপনার শপ পেজ বা প্রোডাক্ট গ্রিড চেক করে দেখুন।আর্টিকেলটি আপনার কাজে আসলে বা এই বিষয়ে কোনো প্রশ্ন থাকলে নিচে কমেন্ট করে জানাতে পারেন!
