Anycent.com

Уважаемые Афы. Публикую информацию по подключению Суппорта (LIVE CHAT)  к вашему магзину:

1. копируем код

2. вносим небольшую коррекцию в код (выделено жирным)

<!– Begin SupportSuite Javascript Code –>

<script src=»http://help.anycent.com/visitor/index.php?_m=livesupport&_a=htmlcode&group=fashion&departmentid=6&custom=YToyOntpOjA7czozNjoiTGl2ZSBzdXBwb3J0IGlzIGF2YWlsYWJsZS4gQ2hhdCBub3chIjtpOjE7czo1MjoiTGl2ZSBzdXBwb3J0IGlzIHVuYXZhaWxhYmxlLiBQbGVhc2UgbGVhdmUgYSBtZXNzYWdlLiI7fQ%3D%3D»></script>

<!– End SupportSuite Javascript Code –>

3. открываем в редакторе файл

/modules/frontend/templates/frontend.tpl

4. перед последним закрывающим </div> (в конце файла) вставляем код чата  в диве

<div>

<!– Begin SupportSuite Javascript Code –>

<script src=»http://help.anycent.com/visitor/index.php?_m=livesupport&_a=htmlcode&group=fashion&departmentid=6&custom=YToyOntpOjA7czozNjoiTGl2ZSBzdXBwb3J0IGlzIGF2YWlsYWJsZS4gQ2hhdCBub3chIjtpOjE7czo1MjoiTGl2ZSBzdXBwb3J0IGlzIHVuYXZhaWxhYmxlLiBQbGVhc2UgbGVhdmUgYSBtZXNzYWdlLiI7fQ%3D%3D«></script>

<!– End SupportSuite Javascript Code –>

</div>

сохраняем.

5. открываем /css/style.css

6. добавляем стили (выделено жирным)

#wrap { width:984px; text-align:left; margin:0 auto; position: relative}

6а. в конец css файла дописываем:

#chat { position: absolute; width:112px; height:89px; top:51px; right:0; }

#chat a {width:112px; height:89px; display: block; text-indent: -9999px; background:url(../i/livesupport.gif) no-repeat;}

сохраняем.

7. очищаем папку /templates_c

8. смотрим что получилось

С Уважением.

Антон.

Теги: live chat, подключение, супорт

09.10.2010