در این مقاله قصد دارم ۴ روش برای کوتاه کردن اسم محصولات ووکامرس در سایت بگم تا سایت از نامرتبی خارج کند، در این مقاله از css و از php آموزش میدیم که چیجوری اسم محصولات رو کوتاه کنید فقط با چند خط کد ساده و بدون نیاز به نصب پلاگین.
نمایش اسم محصول فقط در یک خط
با این قطعه کد اسم محصولات را فقط در یک خط نمایش میدهد.
// Note: this is simple CSS that can be placed in your custom.css file
// This CSS also adds 3 dots ... at the end of each product title
//codemoj.ir
.woocommerce ul.products li.product h3 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
- نکته ای که باید توجه کنید در کد بالا از تگ h3 استفاده شده، شما با توجه به تگ قالب خودتون این قسمت را ویرایش کنید.
تمام اسم محصولات WooCommerce را به حداکثر تعداد کاراکتر محدود کنید
این قطعه کد اسم محصولات را به کاراکتر محدود میکند، در تمام صفحات که محصول باشد اعمال میشود.
برای استفاده از این قطعه کد پایین باید وارد بخش نمایش>ویرایش پرونده پوسته>functions.php شوید. سپس کد را پیس کنید تمام، حالا اسم محصولات شما به کاراکتر دلخواه محدود شدن
/**
* @snippet Product Title Char Limit @ WooCommerce Shop
* @author abbas zarnoshe
* @compatible WooCommerce 5
* @community https://codemoj.ir/
*/
// Note: this is simple PHP that can be placed in your functions.php file
add_filter( 'the_title', 'codemoj_shorten_woo_product_title', 9999, 2 );
function codemoj_shorten_woo_product_title( $title, $id ) {
if ( is_shop() && get_post_type( $id ) === 'product' ) {
return substr( $title, 0, 15 ); // حداکثر تعداد کاراکتر
} else {
return $title;
}
}
تمام عناوین محصولات WooCommerce را به حداکثر تعداد کلمات محدود کنید
این قطعه کد اسم محصولات را به کلمات محدود میکند، در تمام صفحات که محصول باشد اعمال میشود.
/**
* @snippet Product Title Word Limit @ WooCommerce Shop
* @author abbas zarnoshe
* @compatible WooCommerce 5
* @community https://codemoj.ir/
*/
add_filter( 'the_title', 'shorten_woo_product_title', 10, 2 );
function shorten_woo_product_title( $title, $id ) {
if (get_post_type( $id ) === 'product' ) {
return wp_trim_words( $title, 4, '...' ); // شما میتوانید عدد دلخواه خود را به جای ۴ جایگذاری کنید.
} else {
return $title;
}
}
تمام عناوین محصولات WooCommerce را به حداکثر تعداد حروف محدود کنید (کامل)
این قطعه کد اسم محصولات را به حروف محدود میکند، در تمام صفحات که محصول باشد اعمال میشود. ولی یک فرق با کدهای بالا دارد، این کد در صفحه فروشگاه، اسلایدر ها و... اسم محصول را کوتاه میکند ولی در صفحه خوده محصول ( Single Product ) تاثیر نمیگذارد و اسم محصول را کامل نشان میدهد. به طور کلی این کاملترین کد برای کوتاه کردن اسم محصولات ووکامرس است.
function shorten_woocommerce_loop_product_titles( $title, $id ) {
global $woocommerce_loop;
if ( ( is_front_page() || is_shop() || is_product_tag() || is_product_category() || ( isset($woocommerce_loop['name'])
&& $woocommerce_loop['name'] === 'related' ) ) && get_post_type( $id ) === 'product' ) {
$length_threshold = 90; // تعداد حداکثر کاراکتر برای نمایش اسم کالا
// If the product title is longer than xx characters
if ( strlen( $title ) > $length_threshold ) {
// Shortens it to xx characters and adds ellipsis at the end
return substr( $title, 0, $length_threshold ) . '...';
}
}
return $title;
}
add_filter( 'the_title', 'shorten_woocommerce_loop_product_titles', 10, 2 );