За последние 24 часа нас посетили 87493 программиста и 4641 робот. Сейчас ищут 2022 программиста ...

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

Тема в разделе "PHP для новичков", создана пользователем Алекс!, 7 ноя 2018.

  1. Алекс!

    Алекс! Новичок

    С нами с:
    17 окт 2018
    Сообщения:
    56
    Симпатии:
    0
    Приветствую уважаемые форумчане. Установил Кнопку написать в Вотсап Кнопка работает Кликается ну почему то ИКОНКИ НЕТ хотя путь задан. В чем причина понять не могу, может код не верно написан ? Ниже представлен код Всего Хедера кому не сложно может кто добавит что ?

    Получается во втором варианте вотсап ссылка находится в БЛоке ТЕЛЕФОН


    Отдельным Блоком ( Вотсап ссылка )

    <header class="header">

    <div class="inner">





    <div class="header__logo">

    <div class="logotype">

    <a href="#main" class="logotype__img"></a>

    <spanclass="logotype__slogan">

    Производим солнечные окна с 2008 года

    <br>

    Работаем по всему …….краю

    </span>

    </div>

    </div>







    <div class="header__measure">

    <a href="#" class="btn btn_skew open-popup" data-popup="free-measure"><span>Бесплатный замер</span></a>

    </div>







    <div class="header__phones">

    <a href="tel:800000000" class="phone">8 (0022) 000-000</a>

    <!-- старая подмена отключена 04.09.17

    <a href="tel:" class="phone"></a>

    <a href="tel:80000000" class="phone">8 (000) 72-00-00</a>

    <a href="tel:89000000000" class="phone">8 (000) 800-00-00</a>

    <!-- <a href="tel:88000000000" class="phone">8 (800) 00000000</a> --

    -->

    </div>

    <a title="Whatsapp" href="whatsapp://send?phone=79270000000"><img src="img/if_Whatsapp_.jpg" alt="Написать в Whatsapp"></a>



    </div>

    </header>





















    2. ВАРИАНТ



    <header class="header">

    <div class="inner">

    <div class="header__logo">

    <div class="logotype">

    <a href="#main" class="logotype__img"></a>

    <spanclass="logotype__slogan">

    Производим солнечные окна с 2008 года

    <br>

    Работаем по всему …………...краю

    </span>

    </div>

    </div>



    <div class="header__measure">

    <a href="#" class="btn btn_skew open-popup" data-popup="free-measure"><span>Бесплатный замер</span></a>

    </div>







    <div class="header__phones">

    <a href="tel:8000000000" class="phone">8 (0000) 0000-000</a>

    <a title="Whatsapp" href="whatsapp://send?phone=700000000"><img src="img/if_Whatsapp_.jpg" alt="Написать в Whatsapp"></a>

    <!-- старая подмена отключена 04.09.17

    <a href="tel:" class="phone"></a>

    <a href="tel:800000000" class="phone">8 (0000) 00-00-00</a>

    <a href="tel:8900000000" class="phone">8 (000) 000-00-00</a>

    <!-- <a href="tel:880000000" class="phone">8 (000) 000-00-00</a> --

    -->

    </div>





    </div>

    </header>
     
  2. Shimikami

    Shimikami Новичок

    С нами с:
    7 дек 2017
    Сообщения:
    4
    Симпатии:
    2
    Заверните код в code, да и где здесь PHP?
     
  3. Алекс!

    Алекс! Новичок

    С нами с:
    17 окт 2018
    Сообщения:
    56
    Симпатии:
    0
    Мне получается нужно ее прописать в CSS верно ? Только что именно прописывать
     
  4. Sail

    Sail Старожил

    С нами с:
    1 ноя 2016
    Сообщения:
    1.593
    Симпатии:
    362
    @Алекс!, в каком каталоге находится файл if_Whatsapp_.jpg и в каком - файл, в котором "размещаете" ссылку с кнопкой?
    Вероятно, надо использовать абсолютный путь от корня сайта до изображения.
     
  5. Алекс!

    Алекс! Новичок

    С нами с:
    17 окт 2018
    Сообщения:
    56
    Симпатии:
    0
    Файл иконка if_Whatsapp_.jpg находится в папке img . Файл в котором размещаю ссылку с кнопкой находится в паке include. Сам файл называется header.php
     
  6. Sail

    Sail Старожил

    С нами с:
    1 ноя 2016
    Сообщения:
    1.593
    Симпатии:
    362
    @Алекс!, о чём и речь. Подробности.
    Путь нужен хоть и относительный, но не от текущего каталога, а от корня сайта.
     
  7. Shimikami

    Shimikami Новичок

    С нами с:
    7 дек 2017
    Сообщения:
    4
    Симпатии:
    2
    Всё верно, путь смените.
    Будет вот так:
    HTML:
    1. <img src="../img/if_Whatsapp_.jpg" alt="Написать в Whatsapp"></a>
     
  8. Алекс!

    Алекс! Новичок

    С нами с:
    17 окт 2018
    Сообщения:
    56
    Симпатии:
    0
    Сейчас попробую
     
  9. Алекс!

    Алекс! Новичок

    С нами с:
    17 окт 2018
    Сообщения:
    56
    Симпатии:
    0
    Не помогло указал абсолютный путь все равно иконки нет Указал аким образом

    <a title="Whatsapp" href="whatsapp://send?phone=79270000000"><img src="http://XXXXXXXXX.ru/docs/img/if_Whatsapp_.jpg" alt="Написать в Whatsapp"></a>
     
  10. nospiou

    nospiou Старожил

    С нами с:
    4 фев 2018
    Сообщения:
    3.400
    Симпатии:
    510
    Ну а сам то пробовал перейти по этому пути? Ищи правильный путь.
     
  11. Алекс!

    Алекс! Новичок

    С нами с:
    17 окт 2018
    Сообщения:
    56
    Симпатии:
    0
    Что значит перейти понятно что это просто макет за место XXX нормальный домен сайта
     
  12. nospiou

    nospiou Старожил

    С нами с:
    4 фев 2018
    Сообщения:
    3.400
    Симпатии:
    510
    @Алекс! ну вот поставь вместо xxx домен и введи ссылку в браузер. Если картинка не откроется значит путь не правильный.
     
  13. Алекс!

    Алекс! Новичок

    С нами с:
    17 окт 2018
    Сообщения:
    56
    Симпатии:
    0
  14. nospiou

    nospiou Старожил

    С нами с:
    4 фев 2018
    Сообщения:
    3.400
    Симпатии:
    510
    @Алекс! ну если действительно это правильный путь тогда смотри htaccess возможно у тебя под статику только одна директория выделена а все остальное идет на index.php
     
  15. Sail

    Sail Старожил

    С нами с:
    1 ноя 2016
    Сообщения:
    1.593
    Симпатии:
    362
    @Алекс!, и, в дополнение: если путь правильный, то относительный путь от корня сайта будет таким: "/docs/img/if_Whatsapp_.jpg"
     
  16. Алекс!

    Алекс! Новичок

    С нами с:
    17 окт 2018
    Сообщения:
    56
    Симпатии:
    0
    http://чччччччч.ru/docs/img/headers/if_Whatsapp_.jpg Вот полный путь по папкам все лично просмотрел все равно он не находит
    --- Добавлено ---
    Еще бы знать о чем вы это, файл htaccess я знаю, а что там изменить нет