تغییر تعداد نمایش محصولات در ووکامرس

برای تغییر تعداد نمایش محصولات در ووکامرس چند راه دارید. اگه قالبتون کلاسیکه، ممکنه تنظیمات کاتالوگ ووکامرس کارتون رو راه بندازه. اگه از قالب بلوکی استفاده می‌کنید، می‌تونید چیدمان محصولات و صفحه‌بندی رو از ویرایشگر سایت و بلوک Product Collection مدیریت کنید. روش کدنویسی هم برای تعیین یک تعداد ثابت در بایگانی‌های کلاسیک کاربرد داره.

اگه می‌خواید خود مشتری بین گزینه‌هایی مثل ۱۲، ۲۴ یا ۴۸ محصول انتخاب داشته باشه، به قابلیت جداگانه‌ای مثل افزونه Products Per Page for WooCommerce نیاز دارید. توی این آموزش همه این روش‌ها رو قدم‌به‌قدم بررسی می‌کنیم تا بتونید گزینه مناسب فروشگاهتون رو انتخاب کنید.

تغییر تعداد نمایش محصولات در ووکامرس چه کاربردی داره؟

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

تعداد مناسب به نوع محصول، اندازه تصاویر، سرعت سایت و رفتار مشتری‌های شما بستگی داره. بعد از هر تغییری بهتره صفحه فروشگاه رو روی موبایل و دسکتاپ بررسی کنید. برای بررسی دقیق‌تر سرعت هم می‌تونید از آموزش تست سرعت وردپرس با Google PageSpeed Insights کمک بگیرید.

یادتون نره که «تعداد محصولات هر صفحه» با «تعداد ستون‌ها» فرق داره. مثلا می‌تونید ۱۲ محصول در هر صفحه داشته باشید و اون‌ها رو توی ۳ ستون بچینید. در این حالت ۴ ردیف محصول دیده می‌شه. تغییر ستون‌ها بیشتر ظاهر چیدمان رو عوض می‌کنه، ولی تعداد محصولات هر صفحه مشخص می‌کنه چند کالا قبل از صفحه‌بندی بارگذاری بشن.

قبل از شروع، نوع قالب فروشگاهتون رو مشخص کنید

مسیر تغییر تعداد محصولات به نوع قالب سایتتون بستگی داره. قالب کلاسیک معمولا تنظیمات ظاهری فروشگاه رو داخل بخش «نمایش ← سفارشی‌سازی» قرار می‌ده. قالب بلوکی از ویرایشگر سایت استفاده می‌کنه و بخش‌هایی مثل فروشگاه و بایگانی محصولات با بلوک‌ها ساخته می‌شن.

برای تشخیص نوع قالب، وارد پیشخوان وردپرس بشید و منوی «نمایش» رو باز کنید. اگه گزینه «ویرایشگر» رو می‌بینید و داخل اون به بخش‌هایی مثل قالب‌ها و الگوها دسترسی دارید، قالبتون از ویرایشگر سایت پشتیبانی می‌کنه. اگه مدیریت ظاهر سایت بیشتر از راه «سفارشی‌سازی» انجام می‌شه، قالبتون معمولا کلاسیکه.

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

تغییر تعداد محصولات در قالب‌های کلاسیک ووکامرس

در قالب‌های کلاسیکی که از تنظیمات کاتالوگ ووکامرس پشتیبانی می‌کنن، می‌تونید تعداد محصولات و ستون‌های فروشگاه رو بدون نصب افزونه تغییر بدید. اسم و تعداد گزینه‌ها به قالب فعال شما بستگی داره:

از پیشخوان وردپرس وارد «نمایش ← سفارشی‌سازی» بشید. بخش «ووکامرس» رو باز کنید.

وارد «کاتالوگ محصول» یا گزینه‌ای با نام مشابه بشید.

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

برای نمونه، اگه ۴ محصول در هر ردیف و ۳ ردیف در هر صفحه انتخاب کنید، فروشگاه معمولا ۱۲ محصول رو قبل از صفحه‌بندی نشون می‌ده. تعداد گزینه‌ها و اسم دقیق اون‌ها می‌تونه به قالب فعال شما بستگی داشته باشه.

اگه تنظیمات کاتالوگ محصولات دیده نمی‌شه، چی کار کنید؟

اول مطمئن بشید ووکامرس فعاله. بعد تنظیمات اختصاصی قالب رو بررسی کنید؛ بعضی قالب‌ها کنترل ستون‌ها و تعداد محصولات رو از سفارشی‌ساز به پنل خودشون منتقل می‌کنن یا اصلا این کنترل‌ها رو در سفارشی‌ساز نشون نمی‌دن.

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

تغییر تعداد محصولات در قالب‌های بلوکی ووکامرس

در قالب‌های بلوکی، چیدمان فروشگاه داخل ویرایشگر سایت کنترل می‌شه. بلوک Product Collection یا «مجموعه محصولات» فهرستی از محصولات ووکامرس رو نمایش می‌ده. بسته به نسخه ووکامرس و ساختار قالب، کنترل تعداد محصولات، ستون‌ها و اجزای صفحه‌بندی ممکنه در تنظیمات بلوک اصلی یا بلوک‌های داخلی اون دیده بشه.

1. از پیشخوان وردپرس وارد «نمایش ← ویرایشگر» بشید.
2. بخش «طراحی» یا «قالب‌ها» رو باز کنید. اسم این بخش می‌تونه با توجه به نسخه وردپرس و قالب کمی فرق داشته باشه.
3. قالب مربوط به فروشگاه، کاتالوگ محصولات یا بایگانی محصولات رو انتخاب کنید.
4. روی فهرست محصولات کلیک کنید تا بلوک Product Collection انتخاب بشه. اگه انتخاب بلوک سخت بود، از نمای فهرستی بالای ویرایشگر کمک بگیرید.
5. تنظیمات بلوک اصلی و بلوک‌های داخلی اون رو بررسی کنید و تعداد محصولات و ستون‌ها رو، اگه این کنترل‌ها در قالب شما دیده می‌شن، روی مقدار دلخواه بذارید.
6. اجزای صفحه‌بندی رو در نمای فهرستی پیدا کنید و نمایش شماره صفحه یا دکمه‌های قبلی و بعدی رو مطابق نیازتون تنظیم کنید.
7. روی «ذخیره» بزنید و مطمئن بشید تغییرات مربوط به قالب درست ذخیره می‌شن.
8. نتیجه رو در موبایل، تبلت و دسکتاپ بررسی کنید.

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

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

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

می‌تونید اجزایی مثل شماره صفحه‌ها، دکمه قبلی و دکمه بعدی رو، اگه داخل الگو در دسترس هستن، نمایش بدید. بهتره صفحه‌بندی رو کامل حذف نکنید؛ چون اگه تعداد محصولات بیشتر از حد تعیین‌شده باشه، مشتری باید راهی برای دیدن بقیه کالاها داشته باشه.

تغییر تعداد محصولات با کد

روش کدنویسی برای فروشگاهی مناسبه که می‌خواد یک تعداد ثابت رو روی بایگانی‌های کلاسیک محصولات اعمال کنه. اگه فقط می‌خواید تعداد محصولات رو از تنظیمات قالب عوض کنید، معمولا نیازی به کد ندارید. این روش ممکنه روی قالب‌های بلوکی و بلوک Product Collection اعمال نشه؛ چون تعداد محصولات اون بخش از تنظیمات بلوک یا الگوی فروشگاه میاد.

کد رو داخل فایل اصلی قالب قرار ندید؛ چون با به‌روزرسانی قالب از بین می‌ره. می‌تونید از یک افزونه معتبر مدیریت اسنیپت استفاده کنید یا کد رو به قالب فرزند اضافه کنید. اسنیپت یعنی یک تکه کد کوتاه که قابلیت مشخصی رو به سایت اضافه می‌کنه.

add_filter( 'loop_shop_per_page', 'mihanwp_change_products_per_page', 20 );function mihanwp_change_products_per_page( $products_per_page ) {    return 12;}

عدد ۱۲ تعداد محصولات هر صفحه‌ست. می‌تونید اون رو با عدد دلخواهتون عوض کنید. نام تابع هم باید منحصربه‌فرد بمونه تا با تابع دیگه‌ای تداخل پیدا نکنه. یادتون باشه که قالب یا افزونه دیگه ممکنه همین مقدار رو دوباره تغییر بده؛ پس نتیجه رو در صفحه فروشگاه و بایگانی‌های محصول آزمایش کنید.

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

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

روش‌های قبلی یک تعداد پیش‌فرض برای همه مشتری‌ها تعیین می‌کنن. ولی شاید بخواید یک منوی کشویی بالای فروشگاه بذارید تا هر مشتری خودش مثلا نمایش ۱۲، ۲۴ یا ۴۸ محصول رو انتخاب کنه.

افزونه Products Per Page for WooCommerce برای اضافه‌کردن همین قابلیت ساخته شده. این افزونه با تنظیم داخلی تعداد محصولات فرق داره؛ چون انتخاب تعداد رو در اختیار بازدیدکننده می‌ذاره.

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

نصب و راه‌اندازی Products Per Page for WooCommerce

برای نصب افزونه، این مراحل رو انجام بدید:

1. از پیشخوان وردپرس وارد «افزونه‌ها ← افزودن افزونه تازه» بشید.
2. عبارت «Products Per Page for WooCommerce» رو جستجو کنید.
3. قبل از نصب، نام افزونه و صفحه رسمی اون رو با لینک بالا تطبیق بدید.
4. دکمه نصب افزونه رو بزنید و بعد از پایان نصب، اون رو فعال کنید.

بعد از فعال‌سازی، اول لینک تنظیمات زیر نام افزونه در صفحه «افزونه‌ها» رو بررسی کنید. اگه لینکی ندیدید، بخش‌های تنظیمات ووکامرس رو ببینید. محل دقیق تنظیمات ممکنه با نسخه افزونه و ووکامرس فرق داشته باشه؛ پس اسم منو و گزینه‌ها رو با نسخه نصب‌شده روی سایتتون تطبیق بدید.

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

• محل منوی کشویی: اگه این گزینه در دسترس باشه، جای انتخاب تعداد محصولات رو بالا، پایین یا هر دو طرف فهرست محصولات مشخص می‌کنه.
• گزینه‌های تعداد محصول: عددهایی هستن که مشتری داخل منو می‌بینه؛ مثلا ۱۲، ۲۴ و ۴۸.
• تعداد پیش‌فرض: اگه افزونه این گزینه رو ارائه بده، مشخص می‌کنه صفحه فروشگاه در اولین بازدید چند محصول نشون بده.
• تعداد ستون‌ها: اگه این گزینه در نسخه نصب‌شده دیده می‌شه، چیدمان محصولات در هر ردیف رو کنترل می‌کنه. ممکنه قالب شما این مقدار رو بازنویسی کنه.

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

چه تعداد محصول در هر صفحه بهتره؟

یک عدد ثابت برای همه فروشگاه‌ها وجود نداره. برای شروع می‌تونید تعداد محصولات رو طوری انتخاب کنید که چند ردیف کامل ساخته بشه. مثلا در چیدمان ۳ ستونه، ۱۲ محصول چهار ردیف کامل می‌سازه. در چیدمان ۴ ستونه هم می‌تونید ۱۲ یا ۱۶ محصول رو برای شروع آزمایش کنید. این عددها قانون قطعی نیستن و باید نتیجه رو با توجه به فروشگاه خودتون بسنجید.

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

برای انتخاب نهایی این موارد رو بررسی کنید:

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

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

اگه دسته‌های فروشگاهتون ورودی گوگل می‌گیرن، فقط ظاهر صفحه رو نبینید. عنوان، توضیحات، فیلترها و ساختار دسته‌ها هم مهم هستن. راهنمای سئو دسته‌بندی محصولات فروشگاه اینترنتی توی این بخش کمکتون می‌کنه.

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

اگه تعداد محصولات رو تغییر دادید ولی نتیجه همون حالت قبلیه، این مراحل رو به‌ترتیب انجام بدید:

1. کش رو پاک کنید: کش افزونه بهینه‌سازی، کش سرور، شبکه توزیع محتوا و مرورگر رو پاک کنید. بعد صفحه رو در پنجره ناشناس ببینید.
2. تنظیمات قالب رو بررسی کنید: ممکنه قالب تعداد محصولات رو با تنظیم اختصاصی خودش کنترل کنه.
3. قالب درست رو ویرایش کنید: در سایت بلوکی مطمئن بشید قالب فروشگاه یا بایگانی محصول درست رو تغییر دادید.
4. بلوک درست رو انتخاب کنید: شاید صفحه چند بلوک نمایش محصول داشته باشه. از نمای فهرستی کمک بگیرید و Product Collection اصلی رو انتخاب کنید. اگه چنین بلوکی نیست، بررسی کنید که صفحه از بلوک قدیمی، کد کوتاه یا الگوی اختصاصی قالب استفاده می‌کنه یا نه.
5. تداخل افزونه‌ها رو بررسی کنید: روی سایت آزمایشی، افزونه‌هایی رو که چیدمان فروشگاه، صفحه‌ساز یا فیلتر محصولات رو تغییر می‌دن موقتا غیرفعال کنید.
6. کدهای سفارشی رو ببینید: قالب فرزند و افزونه مدیریت اسنیپت ممکنه قبلا تعداد دیگری تعیین کرده باشن.
7. صفحه‌بندی رو آزمایش کنید: صفحه دوم و سوم فروشگاه رو باز کنید تا مطمئن بشید تعداد و آدرس صفحه‌ها درست کار می‌کنن.

تداخل‌یابی رو روی سایت اصلی و در ساعت شلوغ انجام ندید. یک نسخه آزمایشی بسازید تا غیرفعال‌کردن افزونه‌ها روی خرید مشتری‌ها اثر نذاره.

جمع‌بندی

اگه قالب کلاسیک دارید، اول تنظیمات کاتالوگ در «نمایش ← سفارشی‌سازی ← ووکامرس» و پنل اختصاصی قالبتون رو بررسی کنید. اگه قالب بلوکی دارید، سراغ ویرایشگر سایت و الگوی فروشگاه برید و بلوک Product Collection یا بلوک نمایش محصول موجود رو پیدا کنید. این روش‌ها برای تعیین تعداد پیش‌فرض محصولات مناسب هستن و در خیلی از سایت‌ها به افزونه جدا نیاز ندارن.

اگه یک مقدار ثابت و اختصاصی برای بایگانی‌های کلاسیک می‌خواید، می‌تونید از کد استفاده کنید. اگه می‌خواید مشتری خودش تعداد محصولات صفحه رو انتخاب کنه، افزونه Products Per Page for WooCommerce برای همین کار طراحی شده؛ ولی بهتره وضعیت به‌روزرسانی و سازگاری اون رو بررسی کنید و قبل از نصب روی فروشگاه اصلی آزمایشش کنید.

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

سؤالات متداول

تیم تولید محتوا

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