SlideRelated - Похожие новости в slide box

SlideRelated - Похожие новости в slide box


Очень часто пользователь даже не догадывается, что он зашел на сайт, где ему нужна не только та информация, что находится на странице, но и много другой, для этого был создан celsoft'ом модуль похожие новости. Да, согласитесь - удобный модуль, часто сам пользуюсь на других сайтах этим блоком.

В борьбе за посетителя все методы хороши, поэтому надо как то выделить этот блок.

Как видим - блок располагается справа и ездит при скроллинге сайта. Выводится по 5 похожих новостей, есть кнопка показать еще. По моему: стильно / модно / молодежно.

И так, для тех, кому это понравилось - приступим к установке.

1. Скачиваем архив SlideRelated. Кто уже скачал и заливаем к себе на сервер все как обычно - сохраняя иерархию и меняя YOURTEMPLATE на имя вашего шаблона

2. Открываем файл templates/YOURTEMPLATE/fullstory.tpl

Ну и вставляем в конец (и удаляем если уже есть related-news) следующее:
[related-news]
<div id="rp_list" class="rp_list">
    <ul>
        {related-news}
    </ul>
    <span id="rp_shuffle" class="rp_shuffle"></span>
</div>
<script type="text/javascript" src="/templates/Red/js/sliderelated.js"></script>
[/related-news]

3. В шаблоне main.tpl до
вставляем:
<link rel="stylesheet" href="/templates/Red/css/sliderelated.css" type="text/css" media="screen"/>

4. Соответственно в sliderelated.css настраиваем стили под ваши нужды

Готово. Тестируем. отписываемся.

Автор: Dark5ider
Демо

Добавить комментарий

Нам важно знать ваше мнение. Оставьте свой отзыв или ответ

    • bowtiesmilelaughingblushsmileyrelaxedsmirk
      heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
      winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
      worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
      expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
      disappointedconfoundedfearfulcold_sweatperseverecrysob
      joyastonishedscreamtired_faceangryragetriumph
      sleepyyummasksunglassesdizzy_faceimpsmiling_imp
      neutral_faceno_mouthinnocent

Комментариев 0