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

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

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

5 / 5
1

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

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

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(); ?>

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

مطلب پیشنهادی  نمایش تصاویر محصولات ۳۶۰ درجه

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

اشتراک گذاری

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

3 دیدگاه

  1. مجید

    سلام
    ممنون , عالی
    امکان اینکه در صفحه ای که لیست محصولات با موضوعات مختلف وجود دارد بتوان مطلب درج کرد چگونه است ؟
    مثلا در موضوع تلویزیون های سونی که لیست محصولات سونی باز می شود ، زیر همان بخش یک مقاله درباره تلویزیون های سونی بشود درج کرد.
    مثل دیجی کالا که اینکار را برای بهبود سئو و بهینه سازی انجام داده
    ممنون میشم اگر پلاگین خاصی داره بفرمایید که تهیه کنیم.

    • علی غلامی

      سلام مجید عزیز
      برای این کار باید از افزونه های صفحه ساز مثل یا استفاده کنید و یک لندینگ پیج برای صفحه هر دسته بندی ایجاد کنید. در این لندینگ پیج که در قسمت برگه ها برای هر دسته بندی ایجاد میشه میتونید محصولات اون دسته بندی ، مطالب آموزشی مرتبط ، تصاویر و محتوای دلخواهتون رو قرار بدید. سپس در دسته بندی های محصولات ووکامرس رو deindex یا به عبارتی غیر قابل ایندکس کنید. همچنین بهتره از قسمت ریدایرکت ها در افزونه yoast لینک هر دسته بندی رو به لندینگ پیج خودش ریدایرکت 301 کنید.
      موفق باشید

  2. پردیس

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

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

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