Moushe.ru

Блог обо всём

OpenCart 1.5.2 кнопки социальных сетей



Сегодня мы с вами вставим в футер сайта кнопки социальных сетей:

1

1. Возьмём изображения:

facebook_1ok_1twitter_1vk_1

Закинем их в папку image (../catalog/view/theme/default/image)

2. Откроем файл footer.tpl (../catalog/view/theme/default/template/common) и после этого кода:

<h3><?php echo $text_account; ?></h3>
<ul>
<li><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a></li>
<li><a href="<?php echo $order; ?>"><?php echo $text_order; ?></a></li>
<li><a href="<?php echo $wishlist; ?>"><?php echo $text_wishlist; ?></a></li>
<li><a href="<?php echo $newsletter; ?>"><?php echo $text_newsletter; ?></a></li>
</ul>
</div>

вставим этот:

<div id="icons">Мы в соц. сетях:<br />
<a href=""><img src="catalog/view/theme/default/image/facebook_1.png"></a>
<a href=""><img src="catalog/view/theme/default/image/ok_1.png"></a>
<a href=""><img src="catalog/view/theme/default/image/twitter_1.png"></a>
<a href=""><img src="catalog/view/theme/default/image/vk_1.png"></a>
</div>

(P.S.Между “” вставляем ваши ссылки на Facebook, Одноклассников, Twitter и Вконтакте, если возникнут проблемы с отображением русских букв на сайте сохраните файл footer.tpl в кодировке utf-8 и проблема исчезнет)

3. Откроем файл stylesheet.css и добавим в него такой код:

/* icons */
#icons {
color: #000;
font-size: 14px;
font-weight: bold;
}

 

Любуемся результатом:

1

На сегодня всё, до следующих уроков. Следите за нашими новостями. Улыбка

32 Комментария

  1. Михаил

    06.07.2012 at 09:10

    Спасибо за Ваш блог, очень много интересных статей. В первую очередь за статьи об OpenCart. Не могли бы Вы в следующем уроке рассказать, как переделать страницу вывода товаров, чтобы он был похож на страницу «Рекомендации». Для меня очень сложно разобраться в коде :(( Мне не нравится вывод товаров с описанием и прочим, было бы классно сделать так, как в Рекомендовано — больше товаров выведено, да и информативно. Спасибо большое.

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      06.07.2012 at 14:26

      У вас над товарами 2 кнопки либо ссылки — Вид: Список, Сетка — они отвечают за внешний вид вывода товаров.

  2. Михаил

    07.07.2012 at 15:10

    Большое спасибо) Не заметил)) Извините, а можно ли как-то так сделать, чтобы «сетка» отображалась по умолчанию? В админке не нашел в настройках((

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      07.07.2012 at 21:11

      Нужно будет подправить код в категориях, на оф. форуме есть темы по этому вопросу.

  3. Доброго времени суток.
    Подскажите как сделать что бы левая и правая колонка не пропадали при переходе на товар ????????

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      16.07.2012 at 20:59

      Настроить модули для отображения на всех страницах.

  4. Алина

    29.07.2012 at 14:41

    Здравствуйте, Владислав. Подскажите, пожалуйста, как правильно вставить счетчик посещаемости в футер? К примеру, от Liveinternet. Просто вставить весь код в footer.tpl? Или какую-то его чатсть надо куда-то еще надо прописать?

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      29.07.2012 at 21:27

      Нужно вставить весь код.

  5. Алина

    29.07.2012 at 22:47

    Спасибо! Получилось.

  6. если возникнут проблемы с отображением русских букв на сайте сохраните файл footer.tpl в кодировке utf-8 и проблема исчезнет)…..
    подскажите всё сделала именно так но кнопки не отображаются, видны только ромбики и внутри знаки вопросов, подскажите что означает сохранить файл в кодировке utf-8?

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      08.10.2012 at 21:10

      Расписано почти во всех статьях, открываете footer.tpl обычным блокнотом — сохранить как, кодировка — вместо ANSI выбираете UTF-8.

  7. спасибо большое дошло))

  8. http://tiande-sklad.ru/
    всё-таки не получилось, будет время гляньте в самом низу просто ромбики в знаками вопроса, сделала всё как написано, но возможно где-то ошиблась

  9. Алина

    08.10.2012 at 22:11

    Попробуйте сохранить в UTF-8 без ВОМ, а не просто в UTF-8.

  10. Спасибо за блог. Очень много ценной информации не только по ОС. Вопрос. Актуальны ли изменения делаемые в статьях с пометкой 1.5.2 и 1.5.3 для 1.5.1. Не хотелось бы переходить пока на другие версии.

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      12.12.2012 at 23:25

      Я не проверял работоспособность правок на ранних версиях OC 1.5, может быть и подойдут.

  11. Добрый день! У меня opencart 1.5.1.3 подскажите где именно в stylesheet.css добавить код /* icons */
    #icons {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    }
    Спасибо!

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      19.03.2013 at 21:38

      в любое удобное для вас место, но только не в середину другого стиля:
      (после любой закрывающей строки — })

  12. Здравствуйте! Как кнопку соц.сетей перенести в шапку сайта и в середину или вправо?

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      07.08.2013 at 22:16

      Добавить иконкам float: center или float: right

  13. Здраствуйте.
    Скажите как убрать кнопки соц.(там огромный ряд) при покупке товара??

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      05.11.2013 at 14:32

      ../catalog/view/theme/default/template/product/product.tpl строки 222-226 div class=share

  14. Спасиб..

  15. И еще в догонку как избавиться в модуле приветствие от надписи по умолчанию Добро пожаловать?

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      05.11.2013 at 17:49

      ../catalog/language/russian/module/welcome.php

  16. Сергей

    06.01.2014 at 14:44

    Добрый день, подскажите, делал всё как описанно, единственное что заменил иконку твиттера на google+ назвал её google_1.png и в футере то же переименовал, надпись отображается, а иконки под ней не видно… Можете подсказать решение? Спасибо. Version 1.5.4

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      06.01.2014 at 21:22

      Если не отображается иконка либо путь неправильный указываете, либо название, либо расширение файла

  17. Сергей

    09.01.2014 at 18:15

    А спасибо, при копировании добавился префикс facebook_1_thumb

  18. Спасибо за ваши статьи) Возникла проблема. Кнопки соц сетей не стают как положено, сдвигаются в правую сторону.. Как это можно исправить?

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      21.02.2014 at 12:07

      3 шаг, правки stylesheet.css.

  19. Наталья

    04.08.2014 at 12:41

    Подскажите пожжж..где подправить..чтобы товар модулей «акции», «рекомендуем» и «хиты продаж» выравнивался по ширине сайта..(сейчас всё слева)?

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      04.08.2014 at 20:29

      Пишите мне в контакт — в комментарии код не вставляется.

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

Your email address will not be published.

*

CAPTCHA image
*

© 2016 Moushe.ru При копировании материалов, ссылка на нас обязательна!

Вверх ↑



Яндекс.Метрика