Jump to content


Photo
- - - - -

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

верстка css

Best Answer 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>';
Go to the full post


  • This topic is locked This topic is locked
22 replies to this topic

Poll: Высота заголовка айтема (5 member(s) have cast votes)

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

You cannot see the results of the poll until you have voted. Please login and cast your vote to see the results of this poll.
Vote

#1 isay777

isay777
  • JBZoo User (rus)
  • User rate: 113.4
  • posts: 1878
  • topics: 232

Posted 11 July 2014 - 12:00

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

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

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

 

jgf5fshosig4.png

 

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

 

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

 

 


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

#2 Cheren-dow

Cheren-dow
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 11 July 2014 - 12:02

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


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

#3 isay777

isay777
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 113.4
  • posts: 1878
  • topics: 232

Posted 11 July 2014 - 12:04

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

 

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

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


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

#4 Cheren-dow

Cheren-dow
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 11 July 2014 - 12:08

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


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

#5 isay777

isay777
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 113.4
  • posts: 1878
  • topics: 232

Posted 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
  • JBZoo User (rus)
  • User rate: 50.5
  • posts: 6393
  • topics: 15

Posted 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> 

Edited by Sliapy, 11 July 2014 - 12:50.

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

#7 isay777

isay777
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 113.4
  • posts: 1878
  • topics: 232

Posted 11 July 2014 - 12:49

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

 

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


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

#8 Sliapy

Sliapy
  • JBZoo User (rus)
  • User rate: 50.5
  • posts: 6393
  • topics: 15

Posted 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
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 113.4
  • posts: 1878
  • topics: 232

Posted 11 July 2014 - 14:18

 

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

 

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

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

 

 

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


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

#10 Sliapy

Sliapy
  • JBZoo User (rus)
  • User rate: 50.5
  • posts: 6393
  • topics: 15

Posted 11 July 2014 - 14:27

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

 

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

 

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


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





Click to return to top of page in style!