Бегущая строка на jquery в opencart.

Какова необходимость в бегущей строке? Видимо такая же как и любом реальном магазине, торговом центре, рынке.... - извещение потенциального клиента о новинках, скидках, важная информация, подсказка о местонахождении товара и т.д. 

 В чем отличие бегущей строки от баннера или flash анимации?  Баннер клиент может и не заметить, или сочтет за рекламу, кроме того существенная экономия места,  памяти, трафика, что важно для мобильных клиентов. 

Реализация бегущей строки для opencart на jquery.

Очень важно выбрать место размещение бегущей строки. Но в рамках данной статьи рассматривается только реализация строки. поэтому выберем наиболее подходящее место, на взгляд автора статьи, это размещение строки над товарными позициями или категориями в центрально блоке с классом контейнер class="container".

В сети можно найти много готовых решений для бегущей строки на jquery. Воспользуемся одним из таких решений -  плагин liМarquee. Папку liМarquee со скриптами и стилями разместим в директории /catalog/view/javascript/jquery/

Соответственно подключаем скрипты и стили для плагина в файле шаблона заголовка header.tpl:

<script src="catalog/view/javascript/jquery/limarquee/jquery.liamarquee.js" type="text/javascript"></script>

<link href="catalog/view/javascript/jquery/limarquee/limarquee.css" rel="stylesheet" media="screen" />


Далее размещаем саму бегущую строку (ранее мы приняли решение разместить строку  над блоком категорий и товаров).

Соответственно редактируем файл шаблона категорий category.tpl:

после

    <?php foreach ($breadcrumbs as $breadcrumb) { ?>

    <li><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a></li>

    <?php } ?>

  </ul>

добавляем

  <div class="str1 str_wrap">

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

  </div>

Здесь же сразу добавим инициализацию плагина:

  <script>

$(window).load(function(){

$('.str1').liMarquee();

})

  </script> 

Мы создали рабочий вариант, но присутствуют следующие недостатки:

  1. Для изменения текста строки необходимо редактировать код
  2. Бегущая строка видна только  только на страницах категорий
  3. Также нет функционала для управлениями параметрами плагина
  4. Нет возможности отключения бегущей строки