Вертикальное расположение новостей:
1. Открываем свой шаблон templates/{THEME}/relatednews.tpl и находим там всего одну примерно похожую строку:
{title}2. Удаляем и на ее место ставим новую:
| {title} {text limit=»255″} |
3. Теперь открываем файл стилей вашего шаблона, обычно templates/{THEME}/css/style.css и дописываем строку:
/*Related News*/
.imagestory { float: center; width: 80px; height: 80px; margin: 0 8px 6px 0; }Все, теперь макет формирования похожих новостей будет почти такой же, как и на скрине выше.
Горизонтальное расположение новостей:
Файл с шаблоном для вывода похожих новостей это простейший html код, задаем для таблицы id и в css для этого стиля пишем выравнивание по горизонтали. Помимо этого, нужно высчитать размеры, да бы все блоки влезли в рамер фулстори!
1. Открываем свой шаблон templates/{THEME}/relatednews.tpl и находим там всего одну примерно похожую строку:
{title}2. Удаляем и на ее место ставим новую:
{title}
3. Открываем файл стилей и дописываем:
/*Related News*/
.relatednews{display:inline-block; width:19%; vertical-align:top;}
.relatednews img{width:105px; height:125px;}Ширину картинок в стилях подбираем самостоятельно исходя вашего шаблона. Для использования картинки из дополнительного поля тогда просто найдите:
замените на
