<div class="lp-image">
{{image}}
</div>
<div class="lp-content">
{{title}}
{{description}}
{{form}}
{{note}}
</div>
<div class="lp-close-x"></div>
<img src="https://anysite.ru/image.jpg" style="height: 210px;">
<div class="lp-title">
Подпишитесь на нашу рассылку!
</div>
<div class="lp-title">
Спасибо!
</div>
<div class="lp-description">
<p>Зарегистрируйтесь,чтобы получать последние новости, обновления и специальные предложения.</p>
</div>
<div class="lp-description">
<p>Вы успешно подписаны.</p>
</div>
<form novalidate="novalidate" class="lp-form">
<div class="lp-input-block">
<input type="text" class="lp-input" name="email" placeholder="Email" value="">
</div>
<div class="lp-input-block">
<input type="text" class="lp-input" name="name" placeholder="Имя" value="">
</div>
<div class="lp-submit-block">
<button type="submit" class="lp-submit">Подписаться</button>
</div>
</form>
<form novalidate="novalidate" class="lp-form">
<!-- Ниже должны быть поля -->
<!-- Конец блока с полями -->
<!-- Кнопка submit -->
<div class="lp-submit-block">
<button type="submit" class="lp-submit"></button>
</div>
</form>
<div class="LP-input-block">
<input type="radio" name="lp-rb-1" value="1" />Номер 1
<input type="radio" name="lp-rb-1" value="2" />Номер 2
<input type="radio" name="lp-rb-1" value="3" />Номер 3
</div>
<div class="LP-input-block">
<input type="radio" name="lp-rb-2" value="2-1" />Номер 2-1
<input type="radio" name="lp-rb-2" value="2-2" />Номер 2-2
<input type="radio" name="lp-rb-2" value="2-3" />Номер 2-3
</div>
<div class="LP-input-block">
<input type="checkbox" name="lp-cb-1" value="1" />cb 2-1
<input type="checkbox" name="lp-cb-2" value="2" />cb 2-2
<input type="checkbox" name="lp-cb-3" value="3" />cb 2-3
</div>
<div class="lp-input-block">
<select class="lp-input" name="lp-select-1" placeholder="Выбор">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</div>
<div class="lp-input-block">
<label>Text-1</label>
<input class="lp-input" type="text" name="lp-text-1" value="text-1" />
</div>
<div class="lp-input-block">
<label>Number-1</label>
<input class="lp-input" type="number" name="lp-number-1" value="123" />
</div>
<div class="LP-input-block">
<textarea class="LP-input" name="LP-ta-1" value="" />
</div>
<div class="lp-note">
<div class="lp-input-block">
<input class="lp-checkbox" id="lp-conditions-mark-1" name="lp-conditions-mark-1" type="checkbox" value="" checked="">
</div>
<label class="lp-checkbox-label" for="lp-conditions-mark-1">
<p>Я соглашаюсь с условиями обработки персональных данных</p>
</label>
</div>
.lp-mobile .lp-image {
display:none;
}
.lp-mobile .lp-input-block {
display: block;
padding-bottom: 7px;
padding-right: 0px;
}
.lp-mobile .lp-note .lp-input-block {
display: table-cell;
padding-right: 5px !important;
}
.lp-mobile .lp-submit {
margin-top: 10px;
width: 100%;
height: 40px;
}
.lp-mobile .lp-submit-block {
display: block !important;
}
.lp-mobile .lp-description {
font-size: 14px;
}
var email = lptool.element.querySelector('input[name="email"]');
lptool.onSubmit = function() {
window.LP_show(<ID второго поп-апа>);
}
window.LP_close(<ID поп-апа, который необходимо закрыть>);