21 Фев
2019
НЕТ КОММЕНТАРИЕВ2019
Как укоротить длинное название товара на страницах категории WooCommerce?
В одном из созданных интернет-магазинов в категориях товаров были слишком длинные названия, что выглядит очень не красиво. Я хотел бы укоротить длинное название товаров в более короткое название с «…» в конце на странице категории WooCommerce. Сегодня мы поговорим о том, как же сократить заголовок товаров в категориях.
Решение оказалось довольно простым. Просто поместите следующий код в functions.php вашей темы и все готово.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | // Автоматически сокращает названия товаров WooCommerce на основных страницах магазинов, категорий. // на определенное количество слов. function short_woocommerce_product_titles_words( $title, $id ) { if ( ( is_shop() || is_product_tag() || is_product_category() ) && get_post_type( $id ) === 'product' ) { $title_words = explode(" ", $title); if ( count($title_words) > 5 ) { // Активируется, если название товара длиннее 5 слов // Сокращает заголовок до 5 слов и добавляет в конце многоточие (" ", array_slice($title_words, 0, 5)) . '...'; } else { return $title; // Если заголовок меньше 5 слов,он будет размещен в полную длину без многоточия } } else { return $title; } } add_filter( 'the_title', 'short_woocommerce_product_titles_words', 10, 2 ); |
Очень распространенная проблема: иногда названия продуктов WooCommerce слишком длинные. Поэтому просто необходимо сделать все названия продуктов WooCommerce одинаковой длины.
Вы можете использовать простой CSS вместо длинного PHP-кода. Он обрезает все в одну строку и будет 100% работать на последних woocommerce.
1 2 3 4 5 | .shop-products.products .product .product-wrapper .product-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } |
