آموزش محدود کردن تعداد کاراکتر عنوان محصولات در ووکامرس
گاهی اوقات متن عنوان محصولات شما بسیار زیاد میباشد و این امر باعث میشود ظاهر قالب فروشگاهی ووکامرس شما خراب شود . بدین منظور شما باید محدودیت در تعداد حرف و کلمات کاراکتر ایجاد نمایید تا این مشکل برطرف گردد.
برای انجام این کار کافیست از کد های زیر استفاده نمایید
استفاده از کد های CSS :
کافیست کد زیر را در Style.css قرار دهید
.woocommerce ul.products li.product h3 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
محدود کردن بر اساس تعداد کاراکتر :
کافیست کد زیر را در functions.php قرار دهید
add_filter( 'the_title', 'shorten_woo_product_a4fran3_title', 10, 2 ); function shorten_woo_product_a4fran3_title( $title, $id ) { if ( is_shop() && get_post_type( $id ) === 'product' ) { return substr( $title, 0, 15 ); //a4fran3.ir change last number to the number of characters you want } else { return $title; } }
محدود کردن بر اساس تعداد کلمات :
کافیست کد زیر را در functions.php قرار دهید
function shorten_woo_product_title( $title, $id ) { if ( is_shop() && get_post_type( $id ) === 'product' ) { return wp_trim_words( $title, 4 ); //a4fran3.ir change last number to the number of WORDS you want } else { return $title; } }