. . . G N I D A O L

.

پرشیا پروژه

پرشیا پروژه

بهترین سایت طراحی پروژه

اشتراک گذاری

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

در این مقاله سعی داریم نحوه نشان دادن و نمایش محصولات ووکامرس در صفحه اصلی را نشان دهیم که وجود آن ها در صفحه اصلی باعث جذب مشتری میشود.از سه طریق این کار میسر است که به ترتیب به نحوه استفاده از آن ها میپردازیم.

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

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

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

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

در زیر به توضیح قسمت های بالا میپردازیم

  1.  یک برگه یکتا (پایین برگزینید):
     باید این گزینه رو انتخاب کنید تا دو قسمت پایینی فعال شوند. 
  2. – صفحه نخست:
     در این قسمت میتوانید مشخص کنید در صفحه نخست سایت شما چه برگه ای به نمایش در آید. برای نمایش محصولات ووکامرس در صفحه اصلی
     وردپرس، باید در این قسمت برگه مربوط به فروشگاه را انتخاب کنید.
  3. – برگه نوشته ها:برای نشان دادن مطالب و مقالات سایت خود میتوانیید برگه دلخواه خود را ساخته و از این قسمت آن را انتخاب کرده تا کاربر با کلیک بر روی این برگه به مقالات سایت دست پیدا کند.

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

همچنین ممکن مفید باشد.نحوه نمایش لینک نوشته های قبلی و بعدی در پست های وردپرس

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

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

 [recent_products per_page="10" columns="3"orderby="date" order="ASC"]


در این جا به بررسی متغییر ها در کد بالا میپردازیم

recent_products: این عبارت که در ابتدا کد قرار دارد به معنای محصولات اخیر میباشد
per_page: این قسمت به معنای تعداد نمایش محصولات است که در این جا عدد 10 قرار دارد یعنی 10 محصول اخیر را نمایش بده 
columns: این قسمت تعداد ستون ها را نمایش میدهد که در اینجا عدد 3 قرار دارد یعنی محصولات را در 3 ستون نمایش بده. 
orderby: این قسمت نحوه مرتب سازی محصولات بر اساس نام ,تاریخ, نوسینده و رندمی نمایش میدهد (rand – date – none – title)

انجام پروژه طراحی سایت در پرشیا پروژه با استفاده از بهترین متخصصان

نحوه استفاده از شورت کد

برای استفاده از شورت کد ها باید کد php زیر را در فایل functions.php. قالب سایت خود قرار دهید

add_filter('widget_text','do_shortcode');

دستور به کار رفته در بالا قابلیت نشان دادن شورت کد ها را در ابزارک وردپرس و همچنین قالب وردپرس فعال کرده و دیگر نیازی به استفاده از افزونه نیست.

چگونه از شورت کدها وردپرس در پوسته وقالب استفاده کنیم؟

با استفاده از دستور do_shortcode . شورت کد ها را میتوانید به صورت مستقیم در قالب خود استفاده کنید و در هر کجای قالب خود با استفاده از شورت کد موضوع مد نظر خود را نمایش دهید
در زیر مثالی از نحوه ی استفاده از شورت کد در قالب برای شما زده ایم.

echo do_shortcode('');

// مثال

echo do_shortcode('[contact-form-7 id="۴" title="فرم تماس"]');

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

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

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

این کد رو در فایل های index.php و یا front-page.php قالب وردپرس خود قرار دهید.

تماس با ما

پرشیا پروژه فعالیت خود را در سال 98 آغاز کرد و با جمع کردن تیمی متخصص در زمینه و رشته های مختلف آماده خدمت رسانی به شما همکاران گرامی میباشد

خبر نامه سایت

با عضویت در خبرنامه پرشیا پروژه از آخرین مطالب و محصولات با خبر شوید

.
کلیه حقوق برای سایت پرشیا پروژه محفوظ است.