Сообщений в теме: 12

[magazin]

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

[Vaccina]

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

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

[magazin]

Vaccina (11 Февраль 2019 - 05:01) писал:

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

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

Здравствуйте! Номер аккаунта магазина: SL-391447.

[Vaccina]

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

Зайдите в раздел Сайт - Редактор шаблонов - 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 (в шрифтовом стиле она отсутствует для вставки).

[Новичок Ю]

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

SL-291413

[Vaccina]

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

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

<span>whatsapp</span>

замените на:

<img src="ссылка на иконку" alt="" />

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

[Кенгуру]

magazin (10 Февраль 2019 - 03:37) писал:

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

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

[Новичок Ю]

Vaccina (01 Апрель 2020 - 08:16) писал:

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

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

<span>whatsapp</span>

замените на:

<img src="ссылка на иконку" alt="" />

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

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

[stasia]

Новичок Ю (02 Апрель 2020 - 23:11) писал:

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

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

[Новичок Ю]

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

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

• 

[support 2.0]

Новичок Ю (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}

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

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

• 

[Новичок Ю]

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

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

[Новичок Ю]

Новичок Ю (26 Апрель 2020 - 10:56) писал:

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

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

Добрый день! Так  не получила ответа по переносу кнопки Вотсап в раздел "связаться с нами".

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

Что с этим можно сделать? Спасибо!