Перейти к содержанию
Официальный форум поддержки Simpla

Интересная реализация "заказать звонок"


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

Всем доброго вечера

Наткнулся на сайт http://pro landing.ru/ , если пролистать вниз немного, появится справа внизу анимированная иконка с функцией заказа звонка. Может кто-нибудь встречал реализацию такую же? Хотелось бы к себе на сайт занести её :)

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

Всем доброго вечера

Наткнулся на сайт http://pro landing.ru/ , если пролистать вниз немного, появится справа внизу анимированная иконка с функцией заказа звонка. Может кто-нибудь встречал реализацию такую же? Хотелось бы к себе на сайт занести её :)

 

Ну так копируй и все :) Там только JS скрипты и стили

 

Через пол часа скину сюда

Изменено пользователем Kasha
Ссылка на сообщение
Поделиться на другие сайты

Ну так копируй и все :) Там только JS скрипты и стили

 

Через пол часа скину сюда

да я пробовал скопировать. Не очень получилось...

 

Но будет здорово, если у вас получится)

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

callbackhunter сайт этот модуль распространяет платно

просмотрел их стоимость услуг, почесал репу и не понял за что платят такие деньги... )

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

просмотрел их стоимость услуг, почесал репу и не понял за что платят такие деньги... )

Да все равно, хантер не хантер! Вам же нужно оформление этой кнопки, а не чтобы звонила сама через 26 секунд. А форму свою прилепить к кнопке можно! :)

 

Это было во-первых

 

а во вторых это не она :) Похоже, но не она... Пока js разгребаю, пока не получилось, много лишнего там у них от вордпресса подключено! :) Ща сделаем... (нырять отъежал :)

Изменено пользователем Maksclub
Ссылка на сообщение
Поделиться на другие сайты

просмотрел их стоимость услуг, почесал репу и не понял за что платят такие деньги... )

 

Решение:

1. Скачиваем файлы:

- jquery.lazyload.js и callback.js в папку /js вашего шаблона

- callback.css в папку /css вашего шаблона

- картинку phone.png в папку  /images

 

https://yadi.sk/d/wWnoE3hLe5Ror

 

2.  в index.tpl вставляем код:

<div class="callback-phone">
        <div class="phone animation"></div>
        <div class="border animation2"></div>
        <div class="vc">
            <div class="c">
                <div class="phone_"></div>
            </div>
        </div>
        <div class="tooltip"><a>Хотите мы вам перезвоним?</a></div>
</div>

3. В конце index.tpl перед </body> добавляем:

{literal}
<script src="design/{/literal}{$settings->theme}{literal}/js/jquery.lazyload.js"></script>
<script src="design/{/literal}{$settings->theme}{literal}/js/callback.js"></script>
{/literal}
Изменено пользователем Maksclub
Ссылка на сообщение
Поделиться на другие сайты

Решение:

 

Это решение работает со скриптом  callme

http://dedushka.org/callme/

 

Только вот в ссылке нужно присвоить класс

<a class="callme_viewform">Хотите мы вам перезвоним?</a>

 

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

 

3. В конце index.tpl перед </body> добавляем:

{literal}
<script src="design/{/literal}{$settings->theme}{literal}/js/jquery.lazyload.js"></script>
<script src="design/{/literal}{$settings->theme}{literal}/js/callback.js"></script>
{/literal}

 

4. Забыл стили подключить:

<link href="design/{$settings->theme|escape}/css/callback.css" rel="stylesheet" type="text/css" media="screen"/>

 

 

ВАЖНО!

 

Работает с версией Jquery 2.1.3 сто процентов, с 1.8.3 работает не корректно, с остальными не знаю

Изменено пользователем Maksclub
Ссылка на сообщение
Поделиться на другие сайты

4. Забыл стили подключить:

<link href="design/{$settings->theme|escape}/css/callback.css" rel="stylesheet" type="text/css" media="screen"/>

 

 

ВАЖНО!

 

Работает с версией Jquery 2.1.3 сто процентов, с 1.8.3 работает не корректно, с остальными не знаю

ЧТо-то не вышло, просто не работает. Вот попытался закинуть всё в html файл, прикрепляю архив с результатом. Вроде всё подключил и ничего не отображается.

https://www.dropbox....llback.rar?dl=0

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

4. Забыл стили подключить:

<link href="design/{$settings->theme|escape}/css/callback.css" rel="stylesheet" type="text/css" media="screen"/>

 

 

ВАЖНО!

 

Работает с версией Jquery 2.1.3 сто процентов, с 1.8.3 работает не корректно, с остальными не знаю

 

а нет, беру свои слова обратно) вспомнил, что окошко появляется после прокрутки, поставил height для страницы,, чтобы прокрутка появилась, и всё отобразилось. Спасибо большое, буду пробовать привентить к симпле))

Good job!

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

а нет, беру свои слова обратно) вспомнил, что окошко появляется после прокрутки, поставил height для страницы,, чтобы прокрутка появилась, и всё отобразилось. Спасибо большое, буду пробовать привентить к симпле))

Good job!

Там короче я слегка подпилил js код, сам не знаю языка, так началььная стадия - я убрал короче пару функций, был опривязано к определенному блоку.... в общем в callback.js - там есть цифры - их подрегулировать.... он исчезает под конец, когда появляется и т.д... + стилей для мобильных устройств много... даже я все не понял... короче нужно на мобильных проверить :) в общем как то так ))

-

у кого не получится обращайтесь!

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

Кстати, у меня вот здесь интересное решение от Битрикса стоит - https://landing-zakaz.ru

 

Получается, что всё сразу вам с CRM сыпется. Да и настройка за 5 минут. Чат, обратный звонок, + соцсети.

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

Копировать тоже надо аккуратно, это же Интеллектуа́льная собственность, почитайте статьи на эту тему здесь https://landing.ru/

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

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

Загрузка...
×
×
  • Создать...