Как укоротить заголовки товаров в WooCommerce

У пользователей Woocommerce часто возникает проблема длинных заголовков товаров в магазине. Это может мешать как вам, так и вашим пользователям, ведь удобно структурированную и организованную информацию легче воспринимать. Вам же, возможно, захочется, чтобы все заголовки товаров в Woocommerce были одинаковой длины. В сегодняшней небольшой статье мы покажем вам как достичь желаемого.

Раз проблема заключается в том, что заголовки товаров очень длинные, давайте установим лимит на количество символов в нем на странице магазина.

Вариант 1 (CSS): Ограничиваем все заголовки товаров Woocommerce одной строкой

// Примечание: этот простой код CSS можно поместить в свой файл custom.css темы
// Этот CSS также добавляет троеточие ... в конце каждого заголовка товара

.woocommerce ul.products li.product h3 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

Вариант 2 (PHP): Ограничиваем все заголовки товаров Woocommerce максимальным количеством символов

// Примечание: этот простой код PHP можно поместить в свой файл functions.php темы

add_filter( 'the_title', 'shorten_woo_product_title', 10, 2 );

function shorten_woo_product_title( $title, $id ) {
if ( is_shop() && get_post_type( $id ) === 'product' ) {
return substr( $title, 0, 15 ); // измените последнее значение на нужное вам количество символов
} else {
return $title;
}
}

Вот и все. Мы надеемся, что эта статья помогла вам укоротить заголовки товаров в WooCommerce.

Если вы начинаете разбираться с WooCommerce, то не забудьте посетить нашу рубрику WooCommerce, где мы публикуем материалы специально по тематике магазинов на этой платформе.

По всем вопросам и отзывам просьба писать в комментарии ниже.

Не забывайте, по возможности, оценивать понравившиеся записи количеством звездочек на ваше усмотрение.