Woocommerce থিম ডেভেলপমেন্ট [ পর্ব -১] :: Woocommerce Plugin install এবং Theme development

টিউন করেছেন AB Siddik | June 5, 2014 11:05 | পোস্টটি 699 বার দেখা হয়েছে

Woocommerce থিম ডেভেলপমেন্ট [ পর্ব -১] :: Woocommerce Plugin install এবং Theme development


১। Woocommerce এর [http://wordpress.org/plugins/woocommerce/]  একটা Plugin Install করতে হবে।

২। এই Plugin টি ইন্সটল করার সময় Install WooCommarce Page করতে হবে। এটা না করলে Woocommarce এর যে পেজ গুলা থাকে তা পাবে না।

৩।  এবার আপনি যে Woocommerce Template টি কে Woocommerce WordPress Theme এ রুপান্তারিত করতে চান সেটিকে অন্য সব WordPress Theme এর মতে করে প্রসেস করেন।

৪। অন্য সব WordPress Theme এর মতকরে লিঙ্ক, স্টাইলশিট, জেকুয়েরী, ইমেজগুলা ডাইনামিক করতে হবে।

৫। আপনার Template কে Header, Footer, Sidebar এ বিভক্ত করেন।

৬। আপনার Theme টিকে Woocommerce  support দেয়ার জন্য functions.php ফাইলে add_theme_support( ‘woocommerce’ ); কোড টি ব্যাবহার করুন।

৭। Woocommerce content পেতে আপনার থিমের page.php পেজকে কপি করে woocommerce.php নামে রিনেম করুন। যেহেতু page.php পেজকে কপি করে woocommarce.php করা হয়েছে তাই woocommerce.php পেজের মধ্য থেকে content query করার জন্য যে কোডটুকু আছে তার পরিবর্তে নিচের কোড টুকু ব্যাবহার করুন।

<div>
<?php woocommerce_content(); ?>
</div>
এখানে woocommerce class ব্যাবহার করা হয়েছে woocommerce  এর স্টাইল পাওয়ার জন্য।

৮। woocomarce page এর Log-in, Account, Cart, Chakout কে ডাইনামিক করার জন্য header.php পেজের শুরুতে নিচের কোডটি ব্যাবহার করুন।

global $woocommerce;
?

৯। Log-in page কে ডাইনামিক করার জন্য

<?php if ( is_user_logged_in() ) { ?>
<li><a href=”<?php echo get_permalink( get_option(‘woocommerce_myaccount_page_id’) ); ?>”><i></i>My Account</a></li>
<?php }
else { ?>
<li><a href=”<?php echo get_permalink( get_option(‘woocommerce_myaccount_page_id’) ); ?>”><i></i> Login</a></li>
<?php } ?>

এই কোড ব্যাবহার করুন। অথবা http://pastebin.com/imEhKP7v পেস্ট  থেকে কপি করতে পারেন।

১০। Cart পেজ কে ডাইনামিক লিঙ্ককিং করতে href এর মধ্যে cart->get_cart_url()?> এই কোড টি ব্যাবহার করুন।

১১। Chakout পেজ কে ডাইনামিক লিঙ্ককিং করতে href এর মধ্যে cart->get_checkout_url()?> এই কোড টি ব্যাবহার করুন।