Jump to content

Recommended Posts

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

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

 

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

 

в файле 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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

 

Ну так-же само, в 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

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

Share this post


Link to post
Share on other sites

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

Edited by Skunk
overquote deleted

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Similar Content

    • By monashishche
      View File


      Кнопки соц сетей и месенджеров в плавающем блоке
      Социальные иконки
       
      Модуль тестировался только под версию 2.3. Если на вашей версии не будет работать, пишите, по возможности подправим.
       
       
      Не большой модуль с красивыми иконками в плавающем блоке.
      - Facebook
      - Viber
      - You Tube
      - Instagram
      - Whatsapp
      - ВКонтакте
       
      Установка: при помощи штатного Установщика дополнений OCMOD. Загружаете архив и нажимаете Загрузить.
      В настройках модуля в админ панели, вы указываете ссылку. Если ссылки нет, то иконки на сайте не будет.
      В поле "Настройки положения" вы можете задать отступы от нижнего и правого края окна, в пикселях. 
       
      Модуль распространяется БЕСПЛАТНО.
      Дальнейшие доработки, установка в другие места, добавление других соц сетей, осуществляется на коммерческой основе.
      Модуль тестировался на штатной теме. Модуль будет работать на любой теме, если не было существенных изменений в дизайне.
      Submitter monashishche Submitted 10/02/2019 Category Социальные сети Системные требования Сайт разработчика https://kwork.ru/user/web-helper Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 2.3
      2.2
      2.1 ocStore 2.3
      2.2
      2.1 OpenCart.Pro, ocShop Не проверялось Get request to server of developer Нет  
    • By monashishche
      Социальные иконки
       
      Модуль тестировался только под версию 2.3. Если на вашей версии не будет работать, пишите, по возможности подправим.
       
       
      Не большой модуль с красивыми иконками в плавающем блоке.
      - Facebook
      - Viber
      - You Tube
      - Instagram
      - Whatsapp
      - ВКонтакте
       
      Установка: при помощи штатного Установщика дополнений OCMOD. Загружаете архив и нажимаете Загрузить.
      В настройках модуля в админ панели, вы указываете ссылку. Если ссылки нет, то иконки на сайте не будет.
      В поле "Настройки положения" вы можете задать отступы от нижнего и правого края окна, в пикселях. 
       
      Модуль распространяется БЕСПЛАТНО.
      Дальнейшие доработки, установка в другие места, добавление других соц сетей, осуществляется на коммерческой основе.
      Модуль тестировался на штатной теме. Модуль будет работать на любой теме, если не было существенных изменений в дизайне.
    • By 18ynitazov
      Всем доброго дня!
      Есть такая ситуация: при отправке ссылок в Вайбере они выглядят примерно так ( синим цветом на скрине). Единичные товары отправляются корректно ( красным на скрине). Подскажите, пожалуйста, какой модуль сможет решить эту проблему, чтобы все ссылки отображались примерно как красная или есть что-то базовое уже встроенное в сам opencart?
      Заранее всем неравнодушным спасибо! 
      Моя версия ocStore 2.3.0.2.3
       

    • By 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  
    • By Vesheslav
      Модуль для авторизации на сайте через соц.сети, email и SMS
      При регистрации  пользователя должна сохранялась ссылка на его личную страницу (для рассылки уведомлений) + подтягивалась аватарка в личный кабинет
      В общем максимум информации автоматом сохранялось в карте клиента и это информация могла быть выгружена файл CSV например 
      Ваши предложения? цена вопроса?
  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.