تغییر تعداد ستونهای محصولات در فروشگاه ووکامرس (Products Per Row)
با فیلتر `loop_shop_columns` تعداد ستونها را بر روی ۴ یا عدد دلخواه تنظیم کنید.
مشخصات فنی و شناسنامه کد (Code Information)
بازبینی: 1405/06/29<?php
/**
* تغییر تعداد ستونهای شبکه محصولات در فروشگاه به ۴ ستون
*/
function bisco_woocommerce_loop_columns() {
return 4; // تعداد ستونها در هر سطر
}
add_filter( 'loop_shop_columns', 'bisco_woocommerce_loop_columns', 99 );کد را کجا قرار دهیم؟ (Placement Guide)
کد را در functions.php قرار داده و در صورت لزوم CSS قالب خود را نیز برای کلاس columns-4 هماهنگ کنید.
این کد چگونه کار میکند؟ (How it Works)
ووکامرس کلاسهای columns-4 را به تگ ul کاتالوگ محصولات اضافه کرده و ترتیب گرید را تغییر میدهد.
چه زمانی از این کد استفاده کنیم؟ (Use Cases)
هنگامی که قالب پیشفرض ستونهای کمی دارد و میخواهید محصولات بیشتری در صفحه جا شوند.
چه زمانی نباید از این کد استفاده کنیم؟ (Anti-patterns)
در صورتی که عرض محتوای قالب باریک است و ۴ ستونه شدن باعث له شدن تصاویر میشود.
پیشنیازهای اجرا
پوسته سازگار با ساختار کلاسهای ووکامرس.
نحوه تست و اطمینان از عملکرد
صفحه فروشگاه را باز کنید؛ محصولات در ردیفهای ۴تایی چیده خواهند شد.
نحوه بازگردانی سریع (Rollback)
فیلتر را حذف کنید.
خطاهای رایج و راهحل رفع
برخی پوستههای اختصاصی استایلهای گرید CSS خود را با flex یا grid نوشتهاند که علاوه بر این فیلتر، نیاز به تغییر CSS دارند.
ملاحظات و نکات امنیتی
بدون ریسک امنیتی.
تاثیر بر سرعت و پرفورمنس
تأثیر روی عملکرد ندارد.
