Как можно добавить кнопку WHATSAPP share? - Дизайн и модификация Invision Power Board

Перейти к содержимому

 

Правила раздела

Здесь обсуждаются вопросы по настройке и администрированию форумов IPB 3.x.
Пожалуйста, не оффтопьте, если зашли сюда случайно, и обратите внимание на соседние разделы.
Установка, настройка и обслуживание форумов IPB 2.x.
Оформление форумов, включая верстку скинов.
Размещение рекламы на форумах.
SEO оптимизация форума.
Техническая поддержка наших скинов и модов.

СвернутьПрикрепленные теги

Теги не найдены

Страница 1 из 1

Как можно добавить кнопку WHATSAPP share?

#1 Пользователь не на сайте   DrBarcode ответил: »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 53
  • Регистрация: 13-Январь 13
  • Репутация: 0
  • Откуда:Azerbaijan
  • IPB version:3.4.x
 

Отправлено 14 Март 2015 - 06:31

Как можно добавить кнопку WHATSAPP в форум? Что бы отображался толко в мобильном теме?
Например : http://whatsapp-sharing.com
0

#2 Пользователь не на сайте   newbie ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 2 166
  • Регистрация: 26-Октябрь 11
  • Репутация: 813
  • IPB version:I have no IPB
 

Отправлено 14 Март 2015 - 07:47

Там же есть целая инструкция по установке. Нужно только в мобильном стиле - редактируйте глобальный шаблон мобильного стиля.
0

#3 Пользователь не на сайте   DrBarcode ответил: »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 53
  • Регистрация: 13-Январь 13
  • Репутация: 0
  • Откуда:Azerbaijan
  • IPB version:3.4.x
 

Отправлено 14 Март 2015 - 09:01

Куда ставить код?
0

#4 Пользователь не на сайте   DrBarcode ответил: »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 53
  • Регистрация: 13-Январь 13
  • Репутация: 0
  • Откуда:Azerbaijan
  • IPB version:3.4.x
 

Отправлено 14 Март 2015 - 09:55

Внешний вид > Управление стилями и шаблонами > Управление шаблонами в Mobile

globalTemplate
здесь?
0

#5 Пользователь не на сайте   DrBarcode ответил: »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 53
  • Регистрация: 13-Январь 13
  • Репутация: 0
  • Откуда:Azerbaijan
  • IPB version:3.4.x
 

Отправлено 14 Март 2015 - 10:41

topicViewTemplate


я добавил сюда


но результатов нет
0

#6 Пользователь на сайте   Атаман ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 2 057
  • Регистрация: 13-Апрель 12
  • Репутация: 312
  • Откуда:no
  • IPB version:1.x
 

Отправлено 14 Март 2015 - 11:58

Глобальные - shareLinks
0

#7 Пользователь не на сайте   DrBarcode ответил: »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 53
  • Регистрация: 13-Январь 13
  • Репутация: 0
  • Откуда:Azerbaijan
  • IPB version:3.4.x
 

Отправлено 14 Март 2015 - 12:22

я добавил

Глобальные - shareLinks



<a href="whatsapp://send" data-text="Oxumağınızı tövsiyə edirəm:" data-href="" class="wa_btn wa_btn_s" style="display:none">Paylaş</a>



<script type="text/javascript">if(typeof wabtn4fg==="undefined"){wabtn4fg=1;h=document.head||document.getElementsByTagName("head")[0],s=document.createElement("script");s.type="text/javascript";s.src="http://www.******.com/public_html/forums/public/js/whatsapp-button.js";h.appendChild(s);}</script>

но результатов нет
0

#8 Пользователь не на сайте   Viktar83 ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 120
  • Регистрация: 10-Декабрь 14
  • Репутация: 71
  • Откуда:РБ
  • IPB version:3.4.x
 

Отправлено 14 Март 2015 - 15:03

Все правильно Вы вставляли: шаблон topicViewTemplate в слой <div id='shareStrip'>, там где кнопки facebook и twitter.

Т.е. со вставкой всё правильно, у Вас неправильно указан путь к скрипту - откуда взялось /public_html/ ?

И еще - кнопка появиться только в мобильнике (проверяется по useragent), т.е. если на ПК в браузере выбрать мобильный скин, кнопки не будет.
Вложение  00.jpg (38,82К)
Количество загрузок: 9

Сообщение изменено: Viktar83 (14 Март 2015 - 15:07)

0

#9 Пользователь не на сайте   DrBarcode ответил: »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 53
  • Регистрация: 13-Январь 13
  • Репутация: 0
  • Откуда:Azerbaijan
  • IPB version:3.4.x
 

Отправлено 14 Март 2015 - 15:32

Мне надо чтобы отобразить толко на мобильном версии.
0

#10 Пользователь не на сайте   Viktar83 ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 120
  • Регистрация: 10-Декабрь 14
  • Репутация: 71
  • Откуда:РБ
  • IPB version:3.4.x
 

Отправлено 14 Март 2015 - 15:53

Просмотреть сообщениеDrBarcode 14 Март 2015 - 15:32 сказал(а):

Мне надо чтобы отобразить толко на мобильном версии.

Будет на мобильной. Все правильно:
Внешний вид > Управление стилями и шаблонами > Управление шаблонами в Mobile > topicViewTemplate

Только путь к файлу js правильно укажите (смотря куда у Вас форум установлен):
http://www.******.com/forums/public/js/whatsapp-button.js

или
http://www.******.com/public/js/whatsapp-button.js

Сообщение изменено: Viktar83 (14 Март 2015 - 15:54)

0

#11 Пользователь не на сайте   DrBarcode ответил: »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 53
  • Регистрация: 13-Январь 13
  • Репутация: 0
  • Откуда:Azerbaijan
  • IPB version:3.4.x
 

Отправлено 15 Март 2015 - 07:43

Да все сделал как вы сказали и результат есть. Но как можно кнопку сдвинуть чуть вниз?

надо что то здесь изменит. но что?
wa_btn_s{font-size:12px;background-size:16px;background-position:5px 2px;padding:3px 6px 3px 25px}

Сообщение изменено: DrBarcode (15 Март 2015 - 08:18)

0

#12 Пользователь не на сайте   DrBarcode ответил: »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 53
  • Регистрация: 13-Январь 13
  • Репутация: 0
  • Откуда:Azerbaijan
  • IPB version:3.4.x
 

Отправлено 15 Март 2015 - 07:45

А можно ли вообще сделать кнопку точно так же как фейс и твит?
0

#13 Пользователь не на сайте   DrBarcode ответил: »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 53
  • Регистрация: 13-Январь 13
  • Репутация: 0
  • Откуда:Azerbaijan
  • IPB version:3.4.x
 

Отправлено 24 Март 2015 - 09:50

я сделал вот так (взял код от кнопки твиттер и изменил):

Внешний вид > Управление стилями и шаблонами > Управление шаблонами в Mobile>>> topicViewTemplate

<if test="canShare:|:!$forum['disable_sharelinks'] AND $this->settings['sl_enable']">
		<div id='shareStrip'>
			<a class='button secondary' id='share_facebook_trigger' href='#'>{$this->lang->words['share']} <img src="{$this->settings['public_dir']}style_extra/sharelinks/facebook.png" /></a>
                      
			<a class='button secondary' id='share_twitter_trigger' href='#'>{$this->lang->words['share']} <img src="{$this->settings['public_dir']}style_extra/sharelinks/twitter.png" /></a>

                        <a class='button secondary' id='share_whatsapp_trigger' data-text='Share WHATSApp:' href='whatsapp://send'>{$this->lang->words['share']} <img src="{$this->settings['public_dir']}style_extra/sharelinks/WhatsApp.png" /></a>


и результат:
Вложение  WhatsAPP (1).png (6,68К)
Количество загрузок: 5

В роди все ок. но не работает ((

Что не так сделал?
0

#14 Пользователь не на сайте   Viktar83 ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 120
  • Регистрация: 10-Декабрь 14
  • Репутация: 71
  • Откуда:РБ
  • IPB version:3.4.x
 

Отправлено 24 Март 2015 - 11:32

Не работает, потому что Вы изменили class кнопки. А этот класс менять нельзя, так как функции в js файле используют именно его.

Собственно, содержимое файла whatsapp-button.js (см. также вложение)
Вложение  whatsapp-button.js.txt (5,33К)
Количество загрузок: 9
Spoiler

Поэтому: или пробовать переписать функцию (но все равно должен использоваться уникальный id класса) или менять css прямо в этом файле whatsapp-button.js или удалить в нем свойства css для .wa_btn и потом прописать такие же, как и для button secondary, или переопределить свойства через !important. Собственно, надо смотреть, как лучше и как будет работать.

Но факт такой: .wa_btn нужен для работы скрипта, а его css прописаны в whatsapp-button.js
0

Сообщить об этой теме:


Страница 1 из 1


Быстрый ответ

  

1 пользователей читают эту тему
0 зарегистрированных, 1 гостей, 0 скрытых


Контактная информация

Вопросы по работе сайта

+7 (917) 501-4765
C 10 до 20 в рабочие дни (время московское)

Техническая поддержка

Контактные данные специалистов

Дизайн форумов

IPB 3.x ¦ IPB 2.x

Бесплатные шаблоны

IPB 3.2 – 3.4 ¦ IPB 3.1 ¦ IPB 3.0 ¦ IPB 2.2 – 2.3 ¦ IPB 2.1 ¦ Клипарт
Лицензия на использование ¦ Ваша поддержка ¦ О проекте
Copyright © 2005-2016 IPBSkins.ru Team
При копировании материалов с сайта
прямая ссылка на источник обязательна