Добавление разрыва к названию продукта на страницах магазина на определенную длину
Я пытаюсь получить более последовательную компоновку сетки в цикле моего магазина.
Название продукта занимает 1 или 2 строки в зависимости от длины строки, поэтому, если длина строки меньше суммы, которая вынуждает его перекрывать следующую строку, я хочу добавить разрыв ‘
‘так, чтобы это не влияло на общий интервал страницы цикла магазина /
Это код, который я пробовал на данный момент:
<?php
echo "test";
$title = get_the_title();
if ( strlen($title) < 29 )
{
echo '<br>';
}
?>
Я поместил его в шаблон woocommerce для content-product.php, но это не работает.
Мой код правильный?
Любая помощь будет принята с благодарностью.
Спасибо
Решение
Этот ответ основывается как на «длине заголовка», так и на «длине слова», чтобы избежать нарушения слова.
Эта функция частично основана на этот ответ и на woocommerce_template_loop_product_title() Родная функция WooCommerce, которая используется на Содержание-product.php Шаблон WooCommerce, отображать заголовок на страницах магазина.
Здесь я включил ваш длина строки ограничения, но это также основано на сложном «длина слова» Обнаружение, чтобы избежать разрыв слова:
if ( ! function_exists( 'woocommerce_template_loop_product_title' ) ) {
// Show the product title in the product loop. By default this is an <h3> html tag.
function woocommerce_template_loop_product_title() {
// Define the lenght limit for title (by line)
$limit = 29;
$title = get_the_title();
$lenght = strlen($title);
// 1. The title length is higher than limit
if ( $lenght >= $limit ) {
$title_arr1 = array();
$title_arr2 = array();
$sum_length_words = -1;
// an array of the words of the title
$title_word_arr = explode( ' ', $title );
// iterate each word in the title
foreach( $title_word_arr as $word ){
// Length of current word (+1 space)
$length_word = strlen($word) + 1;
// Adding the current word lenght to total words lenght
$sum_length_words += $length_word;
// Separating title in 2 arrays of words depending on lenght limit
if ( $sum_length_words <= $limit )
$title_arr1[] .= $word;
else
$title_arr2[] .= $word;
}
// Converting each array in a string
$splitted_title = implode(" ", $title_arr1). ' ('. strlen(implode(" ", $title_arr1)) .')';
$splitted_title .= '<br>'; // adding <br> between the 2 string
$splitted_title .= implode(" ", $title_arr2). ' ('. strlen(implode(" ", $title_arr2)) .')';
echo '<h3>' . $splitted_title . '</h3>';
// 2. The title length is NOT higher than limit
} else {
echo '<h3>' . $title . '</h3>';
}
}
}
Этот код находится в файле function.php вашей активной дочерней темы (или темы), а также в любом файле плагина.
Этот код протестирован и работает.
Другие решения
Я думаю, что это не правильный путь для того, чтобы разместить
тег между названием продукта.
Я думаю, вам просто нужно зафиксировать количество символов, используемых в названии вашего продукта для отображения на странице продукта, например, если
название продукта выглядит как «Банк тестов для медицинской терминологии: живой язык, 5 / E», в этом случае вы можете ограничить заголовок «Банк тестов для медицинской терминологии …» в зависимости от макета.
таким образом, ваш макет останется таким же и хорошим
То, что я буду предлагать, использует следующее
h1{ height: 40px; width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}<h1>Sample test test test test</h1>