Перейти к содержимому


Фотография
- - - - -

Высота заголовка айтема

верстка css

Лучший Ответ black_paw , 14 July 2014 - 08:31

такой код?

return '<a title="'.$this->_item->name.'" href="' . $this->app->route->item($this->_item) . '">' . $this->app->jbstring->cutByWords($this->_item->name, 55) . '</a>';
Перейти к сообщению


  • Закрытая тема Тема закрыта
Сообщений в теме: 22

Опрос: Высота заголовка айтема (5 пользователей проголосовало)

Хотим адаптивную и новую верстку для всего jbzoo?

Вы не можете видеть результаты проса пока не проголосуете.
Голосовать

#1 isay777

isay777

Отправлено 11 July 2014 - 12:00

Вот уже который раз сталкиваюсь с проблемой длинных названий товаров. 

Когда у вас заголовки в одну-две строки, то все прекрасно. 

Но вот как сверстать или сделать фикс высоты заголовков, когда часть товаров и 5 и 6 строк??? 

 

jgf5fshosig4.png

 

В предыдущих проектах помогало увеличение высоты заголовка до двух-трех строк. 

 

А вот в нынешнем проекте, это будет не реально. Вот думаю, может кто-то уже сталкивался с проблемой?

 

 


  • 0
ХОСТИНГ для сайтов jbzoo (все попугаи)

#2 Cheren-dow

Cheren-dow

Отправлено 11 July 2014 - 12:02

isay777, можно попробовать переписать JS фикс высоты колонок для блока с названием материала. Пока других идей нет. 


  • 1
Изображение
 

#3 isay777

isay777

Отправлено 11 July 2014 - 12:04

isay777, можно попробовать переписать JS фикс высоты колонок для блока с названием материала. Пока других идей нет. 

 

очень не хочу делать фикс т.к. бывают категории, где товары называются в одно строку а другие в 6. В итоге смотрится это пипец. 

То же можно сказать и про height:200px для всех названий. 


  • 0
ХОСТИНГ для сайтов jbzoo (все попугаи)

#4 Cheren-dow

Cheren-dow

Отправлено 11 July 2014 - 12:08

isay777, может быть стоит обрезать название до определенного количества символов и выводить его? А так да для всех не угадаешь( 


  • 0
Изображение
 

#5 isay777

isay777

Отправлено 11 July 2014 - 12:11

isay777, может быть стоит обрезать название до определенного количества символов и выводить его? А так да для всех не угадаешь( 

А не знаешь какого-нить скрипта типа как у uikita 

 

 

.uk-text-truncate Prevents text from wrapping into multiple lines, truncating it instead.

 

только мне надо, чтоб обрезал на второй или третьей строке... 

ограничение символов, короче. Не знаю да же как это в гугл вбить. Выдает фигню какую-то. 


  • 0
ХОСТИНГ для сайтов jbzoo (все попугаи)

#6 Sliapy

Sliapy

Отправлено 11 July 2014 - 12:42

Проще обрезать через PHP на уровне шаблона. Об этом и говорит Cheren-dow.

 

Ну или банально через js

<script type='text/javascript'>
jQuery('*селектор*').each(function() {
var text = jQuery(this).text();
text = text.substr(0,80) + '...';
jQuery(this).text(text); 
});
</script> 

Сообщение отредактировал Sliapy: 11 July 2014 - 12:50

  • 1
[color=#aa0000]Не забывайте нажимать кнопку "Вопрос Решён" под сообщением, которое решило Вашу проблему.[/color]

#7 isay777

isay777

Отправлено 11 July 2014 - 12:49

Проще обрезать через PHP на уровне шаблона. Об этом и говорит Cheren-dow.

 

Не сочтите за труд, ткините носом. 


  • 0
ХОСТИНГ для сайтов jbzoo (все попугаи)

#8 Sliapy

Sliapy

Отправлено 11 July 2014 - 12:55

Обновил предыдущий пост

 

Через PHP обрезается примерно так

<?php $desc = JString::trim(strip_tags($this->renderPosition('*название позиции*')));


$descArr = explode(' ', $desc);
$descArr_tmp = array();


foreach ($descArr as $word) {
   $word = JString::trim($word);


   if ($word) {
       $descArr_tmp[] = $word;
   }


}


if (count($descArr_tmp) > 10) {
   $descArr_tmp = array_slice($descArr_tmp, 0, 10);
   echo implode(' ', $descArr_tmp) . ' ...';


} else {
   echo implode(' ', $descArr_tmp);
}
?>

Обрежет до 10 слов.


  • 1
[color=#aa0000]Не забывайте нажимать кнопку "Вопрос Решён" под сообщением, которое решило Вашу проблему.[/color]

#9 isay777

isay777

Отправлено 11 July 2014 - 14:18

 

Обновил предыдущий пост

 

Через PHP обрезается примерно так

Обрежет до 10 слов.

 

 

Спасибо, но  там где знаки не верно стоят 5 ошибок написание дрим выдал и белй лист на сайт. Я в PHP практически 0. Не знаю где поправить. 


  • 0
ХОСТИНГ для сайтов jbzoo (все попугаи)

#10 Sliapy

Sliapy

Отправлено 11 July 2014 - 14:27

Возьмите код из файла

 

 \media\zoo\applications\jbuniversal\templates\catalog\renderer\item\blog\feed.php

 

может форум какие-то пробелы снова добавил.


  • 0
[color=#aa0000]Не забывайте нажимать кнопку "Вопрос Решён" под сообщением, которое решило Вашу проблему.[/color]





Темы с аналогичным тегами верстка, css

Click to return to top of page in style!