Сегодня я добавила модуль Skype.

Теперь нужно сделать вывод модуля в футере и шапке сайта:

[700x196]

[700x109]

 

Приступим:

После скачивания архива, извлечем и скопируем модуль на наш сайт (Системные файлы не изменяются)
Установим модуль через Админ панель магазина (Система/Пользователи/Группы пользователей) ставим галочки module/skypeoc

[700x267]

 

Далее идем в Дополнения/ Модули находим Skype для OpenCart жмем установить, потом изменить.

Прописываю свой логин скайп
Ставлю настраиваемый метод генерации
В поле "HTML для генерации Skype ссылки - Звонок:" вставляю код:

<li>
   <a class= "skypeoc_call">
     <img width="16" src="image/data/call.png"/>
Позвонить
    </a>
</li>

В поле "HTML для генерации Skype ссылки - Видео звонок:" вставляю код:

<li>
   <a class= "skypeoc_video">
     <img width= "16" src="image/data/video.png"/>
Видео звонок
    </a>
</li>

В поле "HTML для генерации Skype ссылки - Чат:" вставляю код:

<li>
   <a class= "skypeoc_chat">
     <img width= "16" src="image/data/chat.png"/>
Открыть чат
    </a>
</li>

Прописываю классы в следущих полях

1. (Класс(class) тега, обработки клика мыши - Звонок:) —  skypeoc_call
2. (Класс(class) тега, обработки клика мыши - Видео звонок:) — skypeoc_video
3. (Класс(class) тега, обработки клика мыши - Чат:) — skypeoc_chat

Скачиваю иконки для скайпа с интернета, закидываю их в папку: .../image/data/
иконки должны иметь расщирение "png" и размер 16 х16

Сохраняю и перехожу по FTP к файлу .../catalog/view/theme/default/template/common/footer.tpl

Коментирую строку 26 с ссылкой на возврат товара

<!--<li><a href="<?php echo $return; ?>"><?php echo $text_return; ?></a></li>-->

Добавляю код стр 24-25

<?=$this->skypeoc->create(SKYPE_CALL);?>
<?=$this->skypeoc->create(SKYPE_CHAT);?>

Сохраняю, смотрю на сайте в футере появились пункты позвонить и открыть чат.

[700x109]

Для того, чтобы встроить модуль в шапку сайта, открою файл .../catalog/view/theme/default/template/common/header.tpl

После строк стр 67- 85

  <div id="welcome">
    <?php if (!$logged) { ?>
    <?php echo $text_welcome; ?>
    <?php } else { ?>
    <?php echo $text_logged; ?>
    <?php } ?>
  </div>
  <div>
    <phone><?php echo $headerphone; ?></phone>
  </div>
  <div>
    <sitename><?php echo $headersitename; ?></sitename>
  </div>
  <div>
    <rwork><?php echo $headerwork; ?></rwork>
  </div>
  <div>
    <mail><?php echo $headermail; ?></mail>
  </div>

Вставляю код:

<div>
<skype><?=$this->skypeoc->create(SKYPE_CALL);?>
<?=$this->skypeoc->create(SKYPE_CHAT);?> </skype>
 </div>

Перехожу ф файл .../catalog/view/theme/default/stylesheet/stylesheet.css

и в строке 711 после стиля

mail a {

color: #3B2720;

text-decoration: none;    

}

вставляю:

skype {
position: absolute;

top: 130px;

right: 150px;
    
}
skype a {
   text-shadow: 1px 1px 1px #3B2720;

   text-transform: uppercase;

    color: #FFFFFF;    
}

Все, теперь модуль скайпа отображается в шапке сайта

 

[700x195]