Перейти к содержанию

Рекомендуемые сообщения

Добрый день. Помогите пожалуйста. Не могу красиво добавить кнопки соцсетей. Нашел очень много мануалов как добавить их в футер или еще куда нибудь, но вот в хедер, именно куда мне надо, не удается.

Приложил скрин сайта. Хочу вставить именно под номер телефона. Помогите пожалуйста.

post-27254-0-50183400-1396116932_thumb.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Добрый день, вы не могли бы выложить сюда файл header.tpl и код кнопок соцсетей?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Добрый день, вы не могли бы выложить сюда файл header.tpl и код кнопок соцсетей?

 

Сюда не удается выложить файл, выложил в файлообменник: download_1.jpg

А коды кнопок.... эмм затрудняюсь, наверное это мне и нужно))

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Ну нужно знать, вам нужно только ссылки на ваши страницы соцсетей, или же ссылки на "поделиться/добавить",  так как в карточке товара?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Если хотите так как на странице товаров:

 

в файле header.tpl

 

после

</div>
<div class="header_phone"><b>Тел.:</b> 8-935-821-32-22</div>
</div>

добавляете

<div class="share42init"></div>
<script type="text/javascript" src="share42/share42.js"></script>

переходите на сайт http://share42.com/ru и выбираете нужные вам кнопки с нужными размерами

 

тип панели с иконками: горизонтальная

 

одировка вашего сайта: UTF-8

 

остальные опции не отмечаете, где отмечено - снимаете галочки

 

скачиваете готовый скрипт, распаковуете архив и папку share42 копируете в корень вашего сайта

 

открываете stylesheet.css и в самом конце добавляете, например:

#share42 {
left: 665px;
padding: 6px 0px 0px 6px;
position: absolute;
top: 100px;
}

свойствами left и top ставите куда вам нужно

 

пример кнопок: http://share42.com/demo.php?i=facebook,google-bookmarks,mail-ru,moi-krug,odnoklassniki,twitter,vkontakte,yandex&size=32

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Ну нужно знать, вам нужно только ссылки на ваши страницы соцсетей, или же ссылки на "поделиться/добавить",  так как в карточке товара?

Нужно ссылки на страницы магазина в соцсетях

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Нужно ссылки на страницы магазина в соцсетях

 

Ну так-же само, в header.tpl, после..

</div>
<div class="header_phone"><b>Тел.:</b> 8-935-331-32-22</div>
</div>

добавляете ссылки так..

<div class="socseti">
<a href="#"><img src="image/socseti/facebook.gif" /></a>
<a href="#"><img src="image/socseti/mail.gif" /></a>
<a href="#"><img src="image/socseti/odnokl.gif" /></a>
<a href="#"><img src="image/socseti/twitter.gif" /></a>
<a href="#"><img src="image/socseti/vk.gif" /></a>
</div>

где "#" - ссылки на нужнуе страницы

 

"facebook.gif, mail.gif, odnokl.gif..." - название иконок изображения, в зависимости от  формата ваших иконок  -  ".gif или .png"

 

дальше в www.ваш сайт/image - создаете папку с названием "socseti", куда и добавите свои иконки

 

в файле stylesheet.css , в самом конце добавляете

.socseti {
left: 549px;
padding: 6px 0px 0px 6px;
position: absolute;
top: 100px;
}

и уже регулируете позицию свойствами left и top

Изменено пользователем AlexFisher
Цитировать умеете? Научитесь в code код совать, пожалуйста.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Спасибо большое. Получилось :-)

Изменено пользователем Skunk
overquote deleted

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Здравствуйте! Какой код нужно вставить, чтобы при нажатии на иконку соц сети поделиться записью!?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Похожий контент

    • От Rammstein91
      Скачать/Купить дополнение


      Модуль «Страница успешного заказа с соцсетями» для OpenCart 1.5.1+
      Модуль «Страница успешного заказа с соцсетями» для OpenCart 1.5.1+
      Этот модуль заменяет стандартную страницу успешного заказа. На этой странице Вы можете предложить своим клиентам скидку на следующий заказ в обмен на подписку на Вас в соцсетях.
      Модуль заменяет системный файл (catalog/checkout/success.php).
      УСТАНОВКА:
      1. Распаковать архив.
      2. Cодержимое папки «upload» скопировать в корень сайта.
      3. Измените html разметку и css стили в файле catalog/language/russian/checkout/success.php.
      ДЕМО:
      Демо сайт: http://dothesite.ru/opencart-module/index.php?route=checkout/success
      ПОДДЕРЖКА:
      По общим вопросам - Андрей Лежнетев - http://dothesite.ru
      Добавил Rammstein91 Добавлено 07.04.2016 Категория Социальные сети Системные требования Сайт разработчика www.dothesite.ru Старая цена Метод активации Ioncube Loader OpenCart ocStore OpenCart.Pro, ocShop  
    • От Vesheslav
      Модуль для авторизации на сайте через соц.сети, email и SMS
      При регистрации  пользователя должна сохранялась ссылка на его личную страницу (для рассылки уведомлений) + подтягивалась аватарка в личный кабинет
      В общем максимум информации автоматом сохранялось в карте клиента и это информация могла быть выгружена файл CSV например 
      Ваши предложения? цена вопроса?
    • От bezvsakih
      Как передвинуть значки соцсетей в футере справа налево? Тема у меня pav_queenbeauty, opencart 1.5.4
      в каком файле менять, да и что менять?

    • От Rammstein91
      Модуль «Страница успешного заказа с соцсетями» для OpenCart 1.5.1+
      Этот модуль заменяет стандартную страницу успешного заказа. На этой странице Вы можете предложить своим клиентам скидку на следующий заказ в обмен на подписку на Вас в соцсетях.
      Модуль заменяет системный файл (catalog/checkout/success.php).
      УСТАНОВКА:
      1. Распаковать архив.
      2. Cодержимое папки «upload» скопировать в корень сайта.
      3. Измените html разметку и css стили в файле catalog/language/russian/checkout/success.php.
      ДЕМО:
      Демо сайт: http://dothesite.ru/opencart-module/index.php?route=checkout/success
      ПОДДЕРЖКА:
      По общим вопросам - Андрей Лежнетев - http://dothesite.ru
    • От vimpel77
      Увидел плагин для WooCommerce, позволяющий синхронизировать товары с разделов Товары в ВК. Есть ли что-то подобное для ОС 2,0?
      Может кому понадобится - это ссылка на модуль для woocommerce http://ukraya.ru/vkmarket-for-woocommerce
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.