خیلی عالی بود
توابع ووکامرس

سلام خدمت همراهان ایران وردپرس ,
امروز قصد داریم توابع ووکامرس و آموزش هماهنگ کردن قالب وردپرس با ووکامرس را از بخش آموزش وردپرس و کد های ووکامرس را بیان کنیم ؛
دوستان توجه کنند که ما در این آموزش فقط موارد که بسیاری از سایت های فروشگاهی نیاز دارند را آموزش خواهیم داد و وارد پیچیدگی های زیاد نخواهیم شد.به این هم دقت کنید که بیشتر وب سایت هایی مد توجه قرار میگیرند که در عین زیبایی دارای سادگی باشند.
آموزش هماهنگ کردن قالب وردپرس با ووکامرس :
برای هماهنگ کردن قالب وردپرس با ووکامرس ابتدا نیاز است که به وردپرس بفمانیم که قالب ما از ووکامرس پشتیبانی میکند و لذا برای این کار نیاز است که کد زیر را در فایل فانکشن functions.php قالب وردپرس خود قرار دهید :
1 2 3 4 |
add_action( 'after_setup_theme', 'woocommerce_support' ); function woocommerce_support() { add_theme_support( 'woocommerce' ); } |
توابع ووکامرس :
قطعا یکی از حرفه ای ترین و قابل انعطاف ترین فروشگاه های اینترنتی حال حاظر دنیا , فروشگاه هایی می باشد که با پلاگین ووکامرس ساخته شده اند .
در ادامه خواهید دید که چقد ساده و راحت , میتوانید از این پلاگین استفاده و فروشگاه خود را اداره نمایید .
کد نمایش آخرین محصولات سایت :
1 2 3 4 5 6 7 8 9 10 |
<?php $args = array( 'post_type' => 'product', 'stock' => 1, 'posts_per_page' => 4, 'orderby' =>'date','order' => 'DESC' ); $loop = new WP_Query( $args ); while ( $loop->have_posts() ) : $loop->the_post(); global $product; ?> <!-- کد محصولات شما --> <?php endwhile; ?> <?php wp_reset_query(); ?> |
کد نمایش محصولات دسته ای خاص :
(اگر بخواهید که محصولات دسته خاصی را در هر جایی که احتایج دارین به نمایش بگذارین میتوانید از کد زیر استفاده کنید. )
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<?php $args = array( 'post_type' => 'product', 'posts_per_page' => 10, 'product_cat' => 'نامک دسته بندی ووکامرس', 'orderby' => 'rand' ); $loop = new WP_Query( $args ); while ( $loop->have_posts() ) : $loop->the_post(); global $product; ?> <!-- کد محصولات شما --> <?php endwhile; wp_reset_query(); ?> |
کد نمایش پرفروش ترین محصولات ووکامرس :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
<?php $arms = array( 'post_type' => 'product', 'posts_per_page' => '12', 'offset' => 0, 'order' => 'DESC', 'post_status' => 'publish', 'meta_key' => 'total_sales', 'orderby' => 'meta_value_num', ); $the_query = new WP_Query( $arms ); ?> <?php if ( $the_query->have_posts() ) : ?> <?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?> <!-- کد محصولات شما --> <?php endwhile; ?> <?php wp_reset_postdata(); ?> <?php else : ?> <p><?php _e( 'Sorry, no posts matched your criteria.' ); ?></p> <?php endif; ?> |
خب بعد از همه این موارد برین سراغ بخش مهم فروشگاه ووکامرس .از مهم ترین بخش های یک فروشگاه صفحه تک نوشته ( صفحه ای که جزئیات و تمام موارد لازم محصول نمایس داده میشود.) میباشد ما برای داشتن فروشگاهی زیبا باید یک صفحه اختصاصی برای سفحه تک نوشته بسازیم.برای این لزوم ما باید فایلی با نام single-product.php بسازیم.در واقه وقتی محصولبی در سایت بخواهیم به نمایش بگذاریم از این فایل فراخوانی خواهد شد. لزوما کار با این فایل زیاد سخت نیست و شما میتوانید دقیقا با این فایل مشابه فایل single.php در قالب وردپرس رفتار کنید فقط تعدادی کد نیاز دارید برای نمایش ویژگی های محصول در که در خود ووکامرس گنجانده شده است.ما در اینجا توابع مورد نیاز ووکامرس رو برای شما قرار دادیم که میتونید استفاده کنید.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 |
لینک اتمام خرید و ورود به صفحه تسویه حساب <?php woocommerce_button_proceed_to_checkout() ?> نمایش سبد خرید و مجموع سفارشات <?php woocommerce_cart_totals() ?> نمایش قیمت محصول <?php woocommerce_template_loop_price() ?> دکمه افزودن به سبد خرید <?php woocommerce_template_loop_add_to_cart(); ?> نمایش تصویر شاخص محصول <?php woocommerce_template_loop_product_thumbnail() ?> نمایش گالری محصول <?php do_action( 'woocommerce_product_thumbnails' ); ?> نمایش کلیات سفارش و مجموع <?php woocommerce_order_review() ?> نمایش فرم جستجو در محصولات <?php get_product_search_form() ?> ---------------------------------------------- نمایش برچسب های محصول <?php woocommerce_product_loop_tags() ?> توجه : برای فعال شدن تابع بالا , باید کد زیر را در فایل فانکشن قرار دهید <?php add_action( 'woocommerce_after_shop_loop_item', 'woocommerce_product_loop_tags', 5 ); function woocommerce_product_loop_tags() { global $post, $product; $tag_count = sizeof( get_the_terms( $post->ID, 'product_tag' ) ); echo $product->get_tags( ', ', '<span class="tagged_as">' . _n( 'Tag:', 'Tags:', $tag_count, 'woocommerce' ) . ' ', '.</span>' ); } ?> --------------------------------------------- نمایش شناسه محصول <?php echo $product->get_sku(); ?> نمایش دسته بندی محصول در حال نمایش <?php global $product; echo $product->get_categories( ', ', ' ' . _n( ' ', ' ', $cat_count, 'woocommerce' ) . ' ', ' ' ) ?> نمایش فیلد های اضافی <?php the_meta() ?> نمایش عنوان محصول <?php the_title() ?> نمایش محتوای محصول <?php the_content() ?> نمایش تاریخ ارسال محصول <?php the_date('y/m/d') ?> نمایش نام نویسنده محصول <?php the_author() ?> |
شما توسط این توابع خواهید توانست یک قالب حرفه ای ووکامرس و یا یک قالب فروشگاهی حرفه ای طراحی کنید.اما درصورتی که بخواهید بایگانی یا ارشیو هر دسته ووکامرس شکلی متفاوت با بایگانی عادی ( archive.php ) داشته باشد باید فایلی با نام archive-product.php بسازید و کد های مدنظرتون رو با توابع بالا رو در این فایل قرار دهید.
اما یکی از مهم ترین بخش ها در قالب وردپرس بخش نمایش مطالب مرتبط است که شما میتوانید با کد زیر مطالب مرتبط محصولات خود را نمایش دهید .ایمن کد را داخل فایل single-product و در محل مناسب قرار دهید و یک استایل زیبا برای آن انتخاب کنید.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
<?php $post_id = get_the_id(); $terms = wp_get_post_terms( $post_id, 'product_tag' ); $term_ids = array(); foreach ($terms as $key => $value) { $term_ids[] = $value->term_id; } $args = array( 'post_type' => 'product', 'ignore_sticky_posts' => 1, 'no_found_rows' => 1, 'posts_per_page' => 3, 'orderby' => 'date', 'tax_query' => array( array( 'taxonomy' => 'product_tag', 'field' => 'term_id', 'terms' => $term_ids, ), ), 'post__not_in' => array( $post_id ) ); $my_query = new WP_Query($args); while ($my_query->have_posts()): $my_query->the_post(); $do_not_duplicate = $post->ID;?> <!-- کد محصولات شما --> <?php endwhile; wp_reset_postdata(); ?> |