در این مدت سعی شده بخش های مختلف فروشگاه ساز ووکامرس رو آموزش دهیم. در این مقاله در ادامه آموزش ووکامرس میخواهیم نحوه نمایش محصولات ووکامرس در صفحه اصلی را آموزش دهیم. سعی میکنیم روش های مختلف برای نمایش محصولات در صفحه اصلی وردپرس را ارائه دهیم تا بر اساس نیاز خودتون این کار رو انجام دهید.
نمایش محصولات ووکامرس در صفحه اصلی
برای نمایش محصولات ووکامرس در صفحه اصلی روش های مختلفی وجود دارد که ما تمام این روش ها رو معرفی و آموزش میدهیم تا شما بتوانید نمایش محصولات در صفحه اصلی وردپرس را انجام دهید.
نمایش محصولات ووکامرس در صفحه اصلی با استفاده از برگه ها
اولین روش برای نمایش محصولات در صفحه اصلی وردپرس این است که ابتدا از بخش تنظیمات وردپرس، گزینه خواندن رو کلیک کنید و بعد در این بخش می توانید مشخص کنید در صفحه اول سایت چه چیزی نمایش داده شود.
در این بخش میتوانید مشخص کنید در صفحه اول چه برگه ای به نمایش دربیاد.
۱- یک برگه یکتا (پایین برگزینید): باید این گزینه رو بزنید تا دو فیلد پایین فعال شوند.
۲- صفحه نخست: از این بخش میتوانید مشخص کنید در صفحه اول چه برگه ای نمایش داده شود. برای نمایش محصولات ووکامرس در صفحه اصلی وردپرس، باید برگه فروشگاه رو انتخاب کنید. (اگر نحوه کار با برگه ها در وردپرس رو بلد نیستید پیشنهاد میکنم مقاله آموزش کار با برگه ها در وردپرس را مطالعه کنید.)
۳- برگه نوشته ها: برای نمایش مطالب سایت میتوانید یک برگه بسازید و آن برگه را در این بخش انتخاب کنید تا وقتی کاربر روی لینک آن کلیک کرد بتواند لیست مطالب سایت رو ببیند.
نکته مهم: اگر برگه فروشگاه رو ندارید برید تو بخش برگه های و یک برگه بسازید و بعد در بخش تنظیمات ووکامرس از سربرگ محصولات بخش نمایش، برگه فروشگاه را روی برگه ای که ساخته اید ست کنید و بعد در این بخش برگه رو ست کنید.
توجه: این روش ساده ترین روش برای نمایش محصولات در صفحه اصلی وردپرس می باشد.
نمایش محصولات ووکامرس در صفحه اصلی با استفاده از شورت کد
یک روی دیگر برای نمایش محصولات در صفحه اصلی وردپرس استفاده از شورت کد های ووکامرس است. (اگر نمیدونید شورت کد چی هستش پیشنهاد میکنم مقاله شورت کد چیست را مطالعه کنید.) باید یک برگه جدید بسازید و بعد شورت کد زیر رو داخل برگه قرار بدید و اون برگه را باز به عنوان برگه صفحه نخست انتخاب کنید. البته مقاله ای با عنوان کد نمایش محصولات ووکامرس را در سایت منتشر کردیم که میتونید این مقاله رو هم مطالعه کنید.
1 |
[recent_products per_page="12" columns="3" orderby="date" order="ASC"] |
کد نمایش محصولات ووکامرس شامل چند متغیر است که هر کدام رو به صورت کامل توضیح میدهیم.
recent_products: این کلمه باید در ابتدای شورت بیاد و به معنی محصولات اخیر است.
per_page: با استفاده از این بخش می توانید تعداد محصولات رو مشخص کنید. مثلا اینجا ۱۲ گذاشته شده است یعنی ۱۲ محصول آخر رو به نمایش در بیاورد.
columns: با استفاده از این بخش مشخص می کند تعداد ستون های نمایش محصول، که ما روی ۳ مشخص کردیم یعنی به صورت سه ستون نمایش داده شوند.
orderby: در این بخش می توانید نحوه مرتب سازی محصولات رو مشخص کنید بر اساس تاریخ، نویسنده، نام و رندم (rand – date – none – title)
نمایش محصولات ووکامرس در صفحه اصلی با استفاده از کدهای برنامه نویسی
بعضی وقت ها میخواهید از کدها در قالب وردپرس خود استفاده کنید و تعدادی از محصولات رو در صفحه اصلی به نمایش درآورید میتوانید از کد زیر استفاده کنید.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<?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(); ?> |
این کد رو در فایل های home.php و یا front-page.php قالب وردپرس خود قرار دهید.
تشکر
عالی بود
سلام من یه مشکلی دارم وقتی در ووکامرس روی عکس محصول کلیک میکنی که در نمای بزرگتر نشون داده بشه (تمام صفحه) رنگ پشت عکس مشکی است و میخوام اون رنگ رو تغییر بدم لطف میکنید راهنمایی کنید و بگید باید چکار کنم؟ ممنونم
سلام
وقت بخیر
از طریق کدنویسی css می تونید اون بخش رو تغییر بدید
موفق باشید
سلام مطلبتون خیلی عالی بود واقعا مشکل منو حل کرد.
سلام خسته نباشید
توی بخش تنطیمات ووکامرس از سربرمحصولات بخش نمایش رو اصلا متوجه نمیشم
میشه بیشتر توضیح بدید. اخه تو بخش ووکامرس من گزینه ای به اسم نمایش نیست اصلا
سلام
وقت بخیر
احتمالا تو نسخه جدید حذف شده و این گزینه وجود نداره
ولی تو نسخه ای که ما درس دادیم بخش نمایش وجود داشت که کامل در موردش صحبت کردیم
نسخه ووکامرس شما چند هستش
سلام مشکل منم همینه.
نسخه ووکامرسم ۳٫۶٫۴ هست.
آقای لطفی چه مشکلی دارید ؟
لطفا عکسشو برام بفرستید تا بهتون بگم
ممنون که وقت میذارید.
پاسختون به آقای رامین رو ریپلای کردم دیگه.
منم تو ووکامرس گزینه نمایش ندارم.
من نمی خوام فروشگاهم صفحه اول باشه، همین برگه فروشگاه داشته باشم حله، الان محصولاتم هیچ جا نمایش داده نمی شن.
سلام
وقت بخیر
الان من متوجه نشدم
می خواید محصولات تو صفحه اصلی نمایش داده نشه درسته؟
اگر اینطوره اگر صفحه ساز دارید می تونید از طریق صفحه ساز اونا رو بردارید و اگر ندارید باید از طریق کدنویسی این کار رو انجام بدید
سلام وقت بخیر و خسته نباشید
من میخوام محصولاتم به این شکل نمایش داده بشه
سلام حجت جان
وقتت بخیر
این مربوط به قالب میشه عزیز
اگر هم میخوای قالبت این مدلی بشه
باید بدی کدنویس برات اوکی کنه
اگر خواستی تیکت بده تا بگمت چه کنی
ممنون بابت پاسخگویی . چقدر زمان میبره ؟
راستی اگه اون کارش سخته چطوری مانند این سه تا دکمه محصولاتمو فیلتر کنم ؟ که با کلیک به هر دکمه محصولات اون دسته رو نشون بده
این چیزا بستگی به قالبتون داره
و اینکه بخواید قالب جدید بریزید یا نه
شما تو تلگرام پیام بدید
ببینم چه میشه کرد
۰۹۱۰۶۳۹۲۰۲۲
با سلام و خسته نباشید بنده در حال راه اندازی یک سایت فروشگاهی هستم . خیلی سعی کردم پست های که قرار میدم توی صفحه اصلی سایت با گروه بندی های جدا از هم نمایش داده بشه مثل آخرین پست ها , بالاترین امتیاز ها , پرفروش ترین محصولات و غیره ولی نمیتونم این کار رو انجام بدم اگه ممکنه راهنمایی کنید.
سلام
وقت بخیر
بعضی چیزا باید کد نویسی بشن
می تونید با یه برنامه نویس صحبت کنید تا براتون اوکی کنند این موضوع رو
احتمال قالب شما دیگه کامل از این چیزا پشتیبانی نمی کنه
سلام.
من ووکامرس رو نصب کردم. بالای پیشخوان که دو تا گزینه هست یکی نمایش سایت و دیگری نمایش فروشگاه .
در دامنه و صفحه اصلی فقط مطالب و ابزارک ها نمایش داده میشن و در نمیش فروشگاه که یه پسوندی به دامین اضافه میشه محصولات نمایش داده میشه.
مشکل کار از کجاست ،من میخوام کلا محصولات و مطالب ام روی صفحه اصلی باشند نه دیگه صفحه ی غیری.
ممنون میشم راهنمایی کنید.
سلام
وقت بخیر
مشکلی وجود نداره
قالب شما پشتیبانی نمی کنه که محصولات رو تو صفحه اول نمایش بده
اگر صفحه ساز دارید می تونید یه برگه جدید بسازید و این کار رو انجام بدید
کل محصولات رو به صفحه اصلی بیارید
سلام .
بله همینطور بود و همین کار رو کردم.
تشکر از پاسخگویی تون
سلام. در صفحه اصلی سایت یا همان صفحه home میخوام آخرین مطالب سایت نشون داده بشه در وردپرس . راهش چیه ممنون میشم پاسخ بدین.
سلام
وقت بخیر
اگر میخواید آخرین مطالب سایت نشون داده بشه باید برید تو تنظیمات وردپرس
بخش تنظیمات خواندن و اونجا تنظیم کنید
موفق باشید
با سلام واحترام
چطور میتونم در صفحه اول هم همه مطالب و اسلایدر و تصویر و….. همه و همه رو مثل یه سایت معمولی داشته بشم و همینطور محصولات هم مثل فروشگاه در همین صفحه اول نشون داده بشه و قابل خرید باشه؟
سلام
وقت بخیر
اینو باید کد نویسی کنید
پیشنهاد میکنم دوره آموزش html و css رو بگذرونید
خیلی بهتون کمک میکنه
با سلام و احترام، من دسته بندی های مختلفی دارم و می خواهم براساس دسته بندی در صفحه اصلی به صورت چرخشی نمایش بدهم، در گوتنبرگ می شه محصولات را انتخاب کرد ولی اینکه چه دسته ایی را نمایش بده امکانش را نداره
سلام
وقت بخیر
این بخش باید کد نویسی بشه
یا اینکه از صفحه سازهای حرفه ای تر مثل المنتور استفاده کرد
نکته مهمی که فرمودید عالی بود
سلام من هیچ اقدامی برای نمایش دادن دسته بندب محصولات روی صفحه اول انجام ندادم اما این اتفاق یک دفعه افتاد، چطور میتونم حذفش کنم؟
سلام دوست عزیز؛ این مورد برمیگرده به قالب شما. ممکن چون از بسته نصبی (آسان) یا درون ریزی دمو استفاده کردهاید، نمایش داده میشه. تنظیمات قالب رو چک کنید اگر موردی رو پیدا نکردید، از بخش برگهها، برگه خانه رو با ویرایشگر اون باز کنید و به سلیقه خودتون، انجامش بدید.