کد نمایش محصولات دسته خاص ووکامرس در قالب وردپرس

اگر توسط افزونه فروشگاه ساز حرفه ای وردپرس که woocommerce نام دارد سایت فروشگاه اینترنتی راه اندازی کردید و قصد دارید امکانات خاصی را به آن بیافزایید تا علاوه بر جذب بازدیدکننده و مشتری جلوه زیباتری نیز داشته باشد می توانید جدیدترین محصولات منتشر شده در دسته بندی موضوعی مورد نظر ووکامرس را در هنگام طراحی قالب وردپرس در پوسته تان نمایش دهید. به عنوان مثال اگر دارای سایت فروش کالاهای الکترونیکی هستید می توانید بخشی از صفحه اصلی پوسته را به نمایش جدیدترین لپ تاپها، گوشی های موبایل، تبلت و … به همراه تصویر شاخص و قیمت محصول اختصاص دهید برای این منظور می توانید از کد نمایش محصولات دسته خاص ووکامرس در قالب وردپرس که در روناک وب معرفی شده استفاده کنید پس تا انتها همراه ما باشید.

کد نمایش محصولات دسته خاص ووکامرس در قالب وردپرس

همینطور که می دانید با استفاده از کوئری نمایش آخرین مطالب دسته خاص وردپرس می توان جدیدترین نوشته های هر دسته موضوعی وردپرس را نمایش داد اما در افزونه ساخت فروشگاه کالا ووکامرس به دلیل اینکه خود ووکامرس توسط پست سفارشی Post Types ایجاد می شود دیگر نمی توان از کوئری اشاره شده استفاده کرد.

کوئری و کد نمایش محصولات دسته خاص ووکامرس

اگر تصمیم دارید آخرین یا جدیدترین کالاهایی که در هر دسته ووکامرس منتشر شده اند را نمایش دهید می توانید از کوئری زیر استفاده کنید. با تغییر مقدار posts_per_page می توانید تعداد مطالب مورد نمایش را کنترل کنید و با تغییر متغییر product_cat به نام دسته مورد نظر امکان انتخاب دسته بندی دلخواه وجود دارد، در این مثال آخرین مطالب مربوط به دسته ronakweb انتخاب و نمایش داده می شوند. در کوئری زیر توابع مربوط به نمایش عنوان یا نام محصول، قیمت محصول، تصویر شاخص کالا و امکان افزودن به سبد خرید قرار داده شده که می توانید برخی امکانات دیگر مانند قابلیت امتیازدهی را نیز به آن بیافزایید.

<ul class="products">
<?php
$args = array(
'post_type' => 'product',
'posts_per_page' => 10,
'product_cat' => 'ronakweb',
'orderby' => 'rand'
);
$loop = new WP_Query( $args );
while ( $loop->have_posts() ) : $loop->the_post(); global $product; ?>
<h2>Shoes</h2>
<li class="product">    
<a href="<?php echo get_permalink( $loop->post->ID ) ?>" title="<?php echo esc_attr($loop->post->post_title ? $loop->post->post_title : $loop->post->ID); ?>">
<?php woocommerce_show_product_sale_flash( $post, $product ); ?>
<?php if (has_post_thumbnail( $loop->post->ID )) echo get_the_post_thumbnail($loop->post->ID, 'shop_catalog'); else echo '<img src="'.woocommerce_placeholder_img_src().'" alt="ronakweb" width="300" height="300" />'; ?>
<h3><?php the_title(); ?></h3>
<span class="price"><?php echo $product->get_price_html(); ?></span>                    
</a>
<?php woocommerce_template_loop_add_to_cart( $loop->post, $product ); ?>
</li>
<?php endwhile; wp_reset_query(); ?>
</ul>
3,201 بازدید ۱۸ نظر
خیلی خوشم اومد.
به نظر من !!!

لطفاً براي ارسال دیدگاه، ابتدا وارد حساب كاربري خود بشويد

با عضوت در خبرنامه ایمیلی جدیدترین مطالب و فیلم های آموزشی را در ایمیل تان دریافت کنید. اعضاء خبرنامه و صفحات اجتماعی روناک وب از امکانات ویژه ای برخوردار خواهند شد !!!