Size: a a a

Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript

2019 August 11

L

LZD in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Alexander Po
Здравствуйте.
Нет, не отзывы, а всплывающие окна с заявками.
При этом, сами всплывающие окна я вижу, они привязаны. Они реализованы отдельно от темы, но почему-то их не хочет подтягивать.
Исчезли они после залития бэкапа.
какой текст был в окнах?
источник

AP

Alexander Po in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
<div id="1myModal3" class="modal fade">
<div class="modal-dialog" style="max-width:530px;color: #777;">
<div class="modal-content" style="padding: 20px;">
<div class="modal-header" style="background: rgba(116, 177, 236, 0.27); border-top-left-radius: 5px;border-top-right-radius: 5px;"><button class="close red_close" type="button" data-dismiss="modal">×</button>
<h4 class="modal-title" style="font-size: 22px;font-weight: 700;text-align: center;">Производим мебель для ванной комнаты в Украине:</h4>
</div>
<div class="modal-body" style="background: #f0f6fb57;colore:black;">
<ul style="list-style-type:none; font-size: 19px;font-weight: 600;colore:black;">
<li><p><i class="fa fa-arrow-circle-right" style="padding-right: 5px;font-size: 28px;color: #649ef7;"></i>Произведены на современных станках  </p></li>
<li><p><i class="fa fa-arrow-circle-right" style="padding-right: 5px;font-size: 28px;color: #649ef7;"></i>Проверенные материалы</p></li>
<li><p><i class="fa fa-arrow-circle-right" style="padding-right: 5px;font-size: 28px;color: #649ef7;"></i>Итальянская термо- и влагостойкая краска</p></li>
<li><p><i class="fa fa-arrow-circle-right" style="padding-right: 5px;font-size: 28px;color: #649ef7;"></i>Качественная фурнитура с Европы</p></li>
<li><p><i class="fa fa-arrow-circle-right" style="padding-right: 5px;font-size: 28px;color: #649ef7;"></i>Вся мебель с ножками</p></li>
<li><p><i class="fa fa-arrow-circle-right" style="padding-right: 5px;font-size: 28px;color: #649ef7;"></i>Хромированые ручки для свежого вида</p></li>
<li><p><i class="fa fa-arrow-circle-right" style="padding-right: 5px;font-size: 28px;color: #649ef7;"></i>Контроль качества изделий ВТК</p></li>
 <li><p><i class="fa fa-arrow-circle-right" style="padding-right: 5px;font-size: 28px;color: #649ef7;"></i>Безопасная проводка и хорошее освещение</p></li>
источник

AP

Alexander Po in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
</ul></div>
<div class="modal-footer btn_modal_order" style="text-align: center;"><!--<button class="btn btn-default" type="button" data-dismiss="modal">Закрити</button>--><a href="#" class="myButton4">Скачати каталог в .pdf</a><br><a href="/santexnika-optom/#1myModa_order" data-dismiss="modal" data-toggle="modal" class="myButton4">Оставить заявку</a><br></div>
</div>
</div>
</div>
<div id="1myModa_order" class="modal fade">
<div class="modal-dialog" style="max-width:530px;color: #777;">
<div class="modal-content" style="padding: 20px;">
<div class="modal-header" style="background: rgba(116, 177, 236, 0.27); border-top-left-radius: 5px;border-top-right-radius: 5px;"><button class="close red_close" type="button" data-dismiss="modal">×</button>
<h4 class="modal-title" style="font-size: 20px;font-weight: 700;text-align: center;"><p>Оставьте свои контакты чтобы мы с вами связались</p></h4>
</div>
<div class="modal-body" style="background: #f0f6fb57;">
<form action="https://kraftsystem.com/new/index.php?route=information/contact" method="post" enctype="multipart/form-data" class="form-horizontal">
       <fieldset><br>
         <div class="form-group required">
           <label class="col-sm-4 control-label" for="input-name">Имя</label>
           <div class="col-sm-8">
             <input type="text" name="name" value="" id="input-name" class="form-control">
                         </div>
         </div>
         <div class="form-group required">
           <label class="col-sm-4 control-label" for="input-email">E-Mail</label>
           <div class="col-sm-8">
             <input type="text" name="email" value="" id="input-email" class="form-control">
                         </div>
         </div>
         <label class="col-sm-4 control-label" for="input-phone">кон. тел.</label>
           <div class="col-sm-8">
             <input type="text" name="phone" value="" id="input-phone" class="form-control">
                         </div>
         </fieldset></form></div>
         <div class="form-group required">
           <label class="col-sm-4 control-label" for="input-enquiry">Ваши вопросы</label>
           <div class="col-sm-8">
             <textarea style="min-height: 50px!important;" name="enquiry" rows="10" id="input-enquiry" class=""></textarea>
                         </div>
         </div>
источник

AP

Alexander Po in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Текст с кодом
источник

L

LZD in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Alexander Po
Текст с кодом
ну модалки то есть
источник

L

LZD in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
источник

L

LZD in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
всякие разные
источник

AP

Alexander Po in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Да, это те, что необходимо вернуть.
Почему не отображает их?
Или у Вас отобразило сразу?
источник

L

LZD in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Alexander Po
Да, это те, что необходимо вернуть.
Почему не отображает их?
Или у Вас отобразило сразу?
а когда они должны отобразиться? при каком действии?
источник

AP

Alexander Po in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
При нажатии на один из блоков.
источник

AP

Alexander Po in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
источник

L

LZD in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
соглано документации бутстрапа у ваших ссылок не хватает такой штуки как data-target="#exampleModal"
источник

L

LZD in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
ну или я так думаю что нехватает
источник

L

LZD in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
если добавить то все работает
источник

L

LZD in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
только "#exampleModal" замените на свои например data-target="#1myModal3"
источник

L

LZD in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
источник

L

LZD in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
вот такая фигня будет на выходе
источник

L

LZD in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
хотя может там гдето еще это привязано
источник

L

LZD in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
а вон оно чо
источник

L

LZD in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
я понял
источник