0 Пользователей и 1 Гость просматривают эту тему.
  • 15 Ответов
  • 1229 Просмотров
*

leha111

  • Захожу иногда
  • 226
  • 0 / 0
Кнопка в материал
« : 02.08.2018, 11:17:26 »
Может кто помочь ? Надо главной сайта

https://domkom72.ru/

В баннере в самом конце сделать кнопку обратного звока, как сверху.

https://yadi.sk/i/jCuiWjfl3ZpZ4k

Баннер записан картинкой в материале, который выводится как главная страница. Можно в эту картинку как-нибудь код от кнопки вставить ?

Код
<button type="button" onclick="yaCounter49374802.reachGoal('ZVONOK');return true;" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
Обратный звонок
</button>

Код
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header" style="height:100px; background:#ffffff;">
        <h5 class="modal-title" id="exampleModalLabel">Страница обратного звонка</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body" style="height:350px; background:#ffffff;">
        <iframe style="height:350px; width:100%;" src="//domkom72.ru/index.php/pozvonite-mne?tmpl=component" style="background:#ffffff;"  frameborder="no" ></iframe>
      </div>
      <div class="modal-footer" style="background:#ffffff;">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Закрыть</button>
      </div>
    </div>
  </div>
</div>
« Последнее редактирование: 02.08.2018, 12:14:36 от leha111 »
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Кнопка в материал
« Ответ #1 : 02.08.2018, 12:20:22 »
Создайте модуль типа html-код и туда заверстайте и картинку, и кнопку, и тексты.
*

leha111

  • Захожу иногда
  • 226
  • 0 / 0
Re: Кнопка в материал
« Ответ #2 : 02.08.2018, 12:36:50 »
А как в этом модуле сделать так. чтобы кнопка была на картинке, а не справа или слева от неё
*

lexxbry

  • Живу я здесь
  • 2387
  • 67 / 8
Re: Кнопка в материал
« Ответ #3 : 02.08.2018, 12:39:55 »
картинка как фон у дива
в диве кнопка
в чем проблема?
SEO-оптимизация,продвижение
Создание и сопровождение сайтов на Joomla
Миграция
*

leha111

  • Захожу иногда
  • 226
  • 0 / 0
Re: Кнопка в материал
« Ответ #4 : 02.08.2018, 12:44:11 »
В том. что при нажатии на саму картинку он ещё долден на другую страницу перехожить. И это всё надо делать не в шаблоне. а в материале.
*

lexxbry

  • Живу я здесь
  • 2387
  • 67 / 8
Re: Кнопка в материал
« Ответ #5 : 02.08.2018, 12:57:18 »
тогда и то и то в дивы и z-index в помощь
SEO-оптимизация,продвижение
Создание и сопровождение сайтов на Joomla
Миграция
*

leha111

  • Захожу иногда
  • 226
  • 0 / 0
Re: Кнопка в материал
« Ответ #6 : 02.08.2018, 14:36:51 »
Не подскаэите, как в этом модуле прописывать CSS классы ? И можно ли касательно него прописать медиа-запросы ?
*

lexxbry

  • Живу я здесь
  • 2387
  • 67 / 8
Re: Кнопка в материал
« Ответ #7 : 02.08.2018, 14:39:02 »
блин да задайте дивам классы и прописывайте сколько угодно и что угодно
SEO-оптимизация,продвижение
Создание и сопровождение сайтов на Joomla
Миграция
*

leha111

  • Захожу иногда
  • 226
  • 0 / 0
Re: Кнопка в материал
« Ответ #8 : 03.08.2018, 07:27:22 »
Прописал в template.css[size=9,0pt]
Код
.logoban{max-width:100%; z-index: -1; }

.cac{z-index: 2;}


В код модуля

Код
<div class="row justify-content-center">
     <div class="col-md-10 arc">
        <div class="row ">
               <button class="btn btn-primary cac" type="button" data-toggle="modal" data- target="#exampleModal">
                         Заказать сеичас
                       </button>
                <a href="index.php/vvvvvvvvvvvv/search/"><img class="logoban" src="images/g2dKCgDzG34.jpg" alt="" /></a>
             </div>
       </div>
 </div>


Кнопка все равно отображается над картинкой.
[/size]
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Кнопка в материал
« Ответ #9 : 03.08.2018, 07:38:05 »
Код
<div class="row cac-wrap">
          <button class="btn btn-primary cac" type="button" data-toggle="modal" data- target="#exampleModal">Заказать сейчас</button>
          <a href="index.php/vvvvvvvvvvvv/search/"><img class="logoban" src="images/g2dKCgDzG34.jpg" alt="" /></a>
</div>

Код
.cac-wrap {position:relative;}
.cac-wrap .cac {position:absolute; top:50px; right:50px;}

z-index можете убрать.

*

leha111

  • Захожу иногда
  • 226
  • 0 / 0
Re: Кнопка в материал
« Ответ #10 : 03.08.2018, 07:49:07 »
А можно это прописать так, чтобы кнопка не вылазила за пределы содержимого строки ?
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Кнопка в материал
« Ответ #11 : 03.08.2018, 08:09:03 »
А можно это прописать так, чтобы кнопка не вылазила за пределы содержимого строки ?

Какой строки?
*

leha111

  • Захожу иногда
  • 226
  • 0 / 0
Re: Кнопка в материал
« Ответ #12 : 03.08.2018, 08:48:57 »
Код
<div class="row cac-wrap ">


Сейчан кнопка игнорирует то, что она в ограниченном модуле. При "правильных" настройках и в хэдар с футером может  залесть.

*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Кнопка в материал
« Ответ #13 : 03.08.2018, 08:55:46 »
сейчас кнопка позиционируется строго внутри контейнера cac-wrap. Никуда за его пределы она «вылезти» не может.
*

leha111

  • Захожу иногда
  • 226
  • 0 / 0
Re: Кнопка в материал
« Ответ #14 : 03.08.2018, 09:48:34 »
[size=9,0pt]
Код
.cac-wrap {position:relative;}
.cac-wrap .cac {position:absolute; top:600px; right:50px;}


https://yadi.sk/i/5uz7an1b3ZrWch

Настоящая кнопка - та. которую краным выделил, другая - просто часть картинки. на которой проверяю. Как видите, в хэдар она таки ушла, хоть теперь и не работает.
[/size]
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Кнопка в материал
« Ответ #15 : 03.08.2018, 09:52:58 »
Так вы всего 600 прописали. При высоте картинки в 490. Попробуйте 60000.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Кнопка меню

Автор disig

Ответов: 0
Просмотров: 840
Последний ответ 20.01.2023, 07:46:40
от disig
Кнопка меню offcanvas в мобильной версии сайта на Helix 3 не кликабельна

Автор Taxagent007

Ответов: 26
Просмотров: 1658
Последний ответ 12.11.2019, 17:59:11
от Any_Color
Кнопка Bootstrap

Автор leha111

Ответов: 17
Просмотров: 861
Последний ответ 12.06.2018, 13:37:54
от leha111
Ездит кнопка

Автор leha111

Ответов: 5
Просмотров: 554
Последний ответ 30.05.2018, 13:56:31
от leha111
При редактировании материала не работает кнопка "Сохранить". Шаблон oliveriolite

Автор Alxndr

Ответов: 3
Просмотров: 1030
Последний ответ 06.08.2017, 18:20:20
от JerryHilfiger