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


Как Добавить Активные Кнопки Мессенджеров В Подвале Сайта?

мессенджеры вайбер ватсапп скайп подвал сайта кнопки

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 12

#1 magazin

magazin

    Пользователь

  • Пользователи
  • PipPip
  • 21 сообщений

Отправлено 10 Февраль 2019 - 03:37

Здравствуйте! Требуется разместить активные кнопки мессенджеров (а именно: Viber, WhatsApp, Skype) в подвале сайте, правее от кнопок социальных сетей (см. фото). Подскажите, пожалуйста, как это сделать? Какой код нужно вставить? Заранее огромное спасибо за ответ!
Изображение

#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 11 Февраль 2019 - 05:01

Здравствуйте.

Укажите пожалуйста номер аккаунта вашего магазина в сообщении и в профиле на форуме.

#3 magazin

magazin

    Пользователь

  • Пользователи
  • PipPip
  • 21 сообщений

Отправлено 11 Февраль 2019 - 09:30

Просмотр сообщенияVaccina (11 Февраль 2019 - 05:01) писал:

Здравствуйте.

Укажите пожалуйста номер аккаунта вашего магазина в сообщении и в профиле на форуме.
Здравствуйте! Номер аккаунта магазина: SL-391447.

#4 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 12 Февраль 2019 - 02:39

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
				<li><a class="odnoklassniki fa fa-odnoklassniki" href="https://ok.ru/" title="Odnoklassniki" target="_blank"><span>odnoklassniki</span></a></li>
				<li><a class="instagram fa fa-instagram" href="https://instagram.com/mr.twister_man" title="Instagram.com" target="_blank"><span>instagram</span></a></li>
				<li><a class="facebook fa fa-facebook" href="https://www.facebook.com/" title="FaceBook.com" target="_blank"><span>facebook</span></a></li>

после него вставьте:
				<li><a class="viber" href="viber://chat?number=79513551873"><img src="#" alt="" /></a></li>
				<li><a class="whatsapp fa fa-whatsapp" href="https://api.whatsapp.com/send?phone=79513551873"><span>whatsapp</span></a></li>
				<li><a class="skype fa fa-skype" href="skype:{SETTINGS_STORE_SKYPE}?call"><span>skype</span></a></li>
                
Вместо # укажите ссылку на иконку viber (в шрифтовом стиле она отсутствует для вставки).

#5 Новичок Ю

Новичок Ю

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 326 сообщений

Отправлено 28 Март 2020 - 20:50

Добрый день! Подскажите, пожалуйста, как эту ссылку сделать в виде значка-логотипа Whatsapp? Код поставила, ссылка работает. Спасибо!
SL-291413SL-291413.

SL-291413

#6 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 01 Апрель 2020 - 08:16

Здравствуйте.

Для этого загрузите иконку в раздел Сайт - Редактор шаблонов, далее во вставленном коде\ссылке фрагмент:
<span>whatsapp</span>

замените на:
<img src="ссылка на иконку" alt="" />

текст замените на ссылку.

#7 Кенгуру

Кенгуру

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 185 сообщений

Отправлено 01 Апрель 2020 - 15:55

Просмотр сообщенияmagazin (10 Февраль 2019 - 03:37) писал:

Здравствуйте! Требуется разместить активные кнопки мессенджеров (а именно: Viber, WhatsApp, Skype) в подвале сайте, правее от кнопок социальных сетей (см. фото). Подскажите, пожалуйста, как это сделать? Какой код нужно вставить? Заранее огромное спасибо за ответ!
Изображение

а нельзя было вместо (см. фото) вставить само фото?

#8 Новичок Ю

Новичок Ю

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 326 сообщений

Отправлено 02 Апрель 2020 - 23:11

Просмотр сообщенияVaccina (01 Апрель 2020 - 08:16) писал:

Здравствуйте.

Для этого загрузите иконку в раздел Сайт - Редактор шаблонов, далее во вставленном коде\ссылке фрагмент:
<span>whatsapp</span>

замените на:
<img src="ссылка на иконку" alt="" />

текст замените на ссылку.

Спасибо! Получается, но размер иконки очень большой. Можно ли ограничить его в коде, чтобы размер подстраивался под размер экрана, т.е. не в пикселях, а в % ?

#9 stasia

stasia

    Активный участник

  • Модераторы
  • 561 сообщений

Отправлено 06 Апрель 2020 - 11:11

Просмотр сообщенияНовичок Ю (02 Апрель 2020 - 23:11) писал:

Спасибо! Получается, но размер иконки очень большой. Можно ли ограничить его в коде, чтобы размер подстраивался под размер экрана, т.е. не в пикселях, а в % ?

Здравствуйте. Можете уточнить на скриншоте, где Вам нужно на Вашем сайте подкорректировать размер иконки, спасибо.

#10 Новичок Ю

Новичок Ю

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 326 сообщений

Отправлено 11 Апрель 2020 - 10:18

Добрый день!
Нужно сделать логотип со ссылкой Whatsapp в левом верхнем углу - задать его размер в % в коде (сейчас он встает на полстраницы).
Возможно?
Скриншот в приложении- пока вернула <span>whatsapp</span>
Спасибо!

Прикрепленные изображения

  • whatsapp.jpg


#11 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 12 Апрель 2020 - 18:28

Просмотр сообщенияНовичок Ю (11 Апрель 2020 - 10:18) писал:

Добрый день!
Нужно сделать логотип со ссылкой Whatsapp в левом верхнем углу - задать его размер в % в коде (сейчас он встает на полстраницы).
Возможно?
Скриншот в приложении- пока вернула <span>whatsapp</span>
Спасибо!
Очень сложно помогать редактировать сайт, когда стоит запрет открытия "просмотр кода страницы". Для дальнейших изменений другие модераторы могут попросить Вас убрать его, т.к. не у всех есть доступ для редактирования кода сайтов пользователей. Этот код Вас не спасет от копирования текста тому, кому это действительно понадобится, а для тех, кто хотел бы ссылаться на Ваш сайт или скопировать название товара или еще что-то полезное - это только будет злить и заставит уйти на другой сайт.

Теперь к вашему вопросу. Я добавила Вам в файле изображения whatsapp (сюда прикреплю его) и добавила следующий код:
	 <div class="payment-ico whatsapp">
		 <a target="_blank" href="https://api.whatsapp.com/send?phone=7вашномертелефона"><img src="{ASSETS_IMAGES_PATH}whatsapp.png" alt=""> </a>
	 </div>
Получилось так:
Изображение

конечно же в коде я уже указал ваш номер телефон, используя тот номер, что Вы добавляли ранее для whatsapp.
Также в main.cc добавила стили для этого блока:
.payment-ico.whatsapp {margin:10px}

Напишите, пожалуйста, всё ли правильно работает, так ли Вы это хотели реализовать.

Прикрепленные изображения

  • whatsapp.png


#12 Новичок Ю

Новичок Ю

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 326 сообщений

Отправлено 26 Апрель 2020 - 10:56

Добрый день! Большое спасибо! Все нормально работает. Можно ли перенести кнопку в другое место - справа от телефона ("связаться с нами", под лупой поиска)?

И еще вопрос - на телефоне (и в мобильной версии, и для ПК) нет шапки сайта с логотипом. Не могу сказать, с какого момента. Не связано ли это с появлением иконки и как вернуть? На компьютере - все на месте.

#13 Новичок Ю

Новичок Ю

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 326 сообщений

Отправлено 13 Май 2020 - 00:24

Просмотр сообщенияНовичок Ю (26 Апрель 2020 - 10:56) писал:

Добрый день! Большое спасибо! Все нормально работает. Можно ли перенести кнопку в другое место - справа от телефона ("связаться с нами", под лупой поиска)?

И еще вопрос - на телефоне (и в мобильной версии, и для ПК) нет шапки сайта с логотипом. Не могу сказать, с какого момента. Не связано ли это с появлением иконки и как вернуть? На компьютере - все на месте.

Добрый день! Так  не получила ответа по переносу кнопки Вотсап в раздел "связаться с нами".
  • Также очень прошу ответить, как вернуть шапку сайта в мобильной версии - нет даже логотипа и названия сайта.
  • И еще вопрос - в мобильной версии невозможно попасть в меню вообще. На сайтах обычно переход реализован всплывающим каталогом при нажатии на горизонтальные полосы в правом верхнем углу (у меня они в строке "меню").  Мобильная версия не юзабельна.
Что с этим можно сделать? Спасибо!





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

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных