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

خانه / وردپرس / افزونه وردپرس / ووکامرس / آموزش ووکامرس / نمایش محصولات ووکامرس در صفحه اصلی
products-on-first-page

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

بسیاری از فروشگاه ها محصولات خود را در صفحه اصلی نمایش میدهند، این کار به سادگی قابل انجام است، کافیست از شورت کد های ووکامرس استفاده کنید، با این کار شما میتوانید در هر بخش از سایت خود محصولات را نمایش دهید، در این مطلب به شما نحوه نمایش محصولات ووکامرس در صفحه اصلی را با استفاده از دو روش آموزش خواهم داد.

نمایش محصولات ووکامرس در صفحه اصلی فروشگاه

ecommerce-trend

برای انجام این کار دو روش وجود دارد ۱- استفاده از شورت کد های ووکامرس ۲- دستکاری فایل های قالب، در ادامه هر دو روش را به طور کامل به شما عزیزان آموزش خواهم داد.

نمایش محصولات در صفحه اصلی با استفاده از شورت کد

این روش بسیار ساده است،‌کافیست کد زیر را در ویرایشگر صفحه مورد نظر خود قرار دهید:

// فاصله ابتدا و انتهای کد کوتاه را حذف کنید
[ recent_products per_page="12" columns="4" orderby="date" order="desc" ]

در کد بالا متغیر هایی مشاهده میکنید که عبارت اند از:

  1. per_page: نمایش تعداد محصولات
  2. columns: تعداد ستون ها برای نمایش محصولات
  3. orderby: مرتب سازی بر اساس نویسنده، تاریخ و…

با استفاده درست از این شورت کد میتوانید به سادگی محصولات فروشگاه را در صفحه اصلی نمایش دهید.

نمایش محصولات در صفحه اصلی با استفاده از ویرایش فایل های قالب

کافیست کد زیر را در فایل home.php و یا front-page.php و یا هر صفحه ای که سایت شما به عنوان صفحه اصلی استفاده میکند قرار دهید:

<?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; ?>
<a id="id-<?php the_id(); ?>" href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
<?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="product placeholder Image" width="65px" height="115px" />'; ?>
<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 );
?>
</div>
<?php endwhile; ?>
<?php wp_reset_query(); ?>

مشاهده میکنید که این کار به سادگی انجام پذیر است تنها باید این کد ها را در مکان مناسب استفاده نمایید، روش اول به بیشتر کاربران سفارش میشود زیرا با استفاده از روش دوم با بروزرسانی قالب وردپرس ممکن است کد ها حذف شوند.

اگر روش بهتری برای نمایش محصولات در صفحه اصلی ووکامرس میدانید میتوانید آن را در دیدگاه ها به ما اطلاع دهید.

اصلا خوب نبودمیتونه بهتر باشهقابل قبولهخوب بودعالی بود (شما اولین نفر باشید!)

  • دیدگاهتان فقط و فقط در رابطه با همین مطلب باشد.
  • لطفا از تایپ فینگلیش بپرهیزید. در غیر اینصورت دیدگاه شما بررسی نخواهد شد.
  • هدفتان از ارسال دیدگاه تبلیغ یا بک لینک نباشد. در غیر اینصورت دیدگاه حذف می شود.
  • به دیگر توهین و اهانت نکنید.

یک دیدگاه

  1. پردیس

    سلام ممنون از مطالب خودبتون. از قسمت تنظیمات عمومی یا خواندن و نوشتن یه قسمت هست نوشته برگه ایستا, اون یکی گزینه رو انتخاب کنید و برگه ای که برگه ی فروشگاهتون (محصولات) هست رو انتخاب کنید . دقیق نمیتونم بگم از این بابته که وردپرس خودم گاهی مخفی یا حذف میشه این قسمت
    بعضی قالب ها هم در قسمت سفارشی سازی قالب این قسمت رو دارن.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

Time limit is exhausted. Please reload the CAPTCHA.