Good-Production/template-for-verstka
13
2
Fork 0
Code Pull Requests Releases Wiki Activity

fix 17.11

Browse Source
This commit is contained in:
Kirill Pet
2024-11-17 22:44:34 +03:00
parent c344dbcd43
commit 01e6e988e5
3 changed files with 36 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/gp-style-order.css
View File

@@ -82,6 +82,8 @@
font-size: 12px;
line-height: 133%;
color: var(--text-black);
text-decoration: none;
}
.order-your-products__description{
margin-top: 8px;

16
assets/js/gp-form.js
View File

@@ -239,4 +239,20 @@ function inputPhoneNoFlag(input){
})
})
}
inputCheck('.form-agreement__check');
function inputCheck(className) {
let checks = document.querySelectorAll(className);
checks.forEach(check => {
let square = check.querySelector('.form-agreement__square'),
input = check.querySelector('input');
square.onclick = function () {
input.click();
}
})
}

38
order.html
View File

@@ -238,11 +238,11 @@
</button>
</div>
<form action="" class="order-contacts__form">
<form action="" class="order-contacts__form" id="recipient">
<div class="modal-form-content__line">
<div class="modal-form-content-line__element">
<label for="firstname" class="label-name">Имя и фамилия</label>
<input id="firstname" class="form__input" type="text" name="name" placeholder="Ваше имя" required="">
<input class="form__input" type="text" placeholder="Ваше имя" required="">
<span class="form-input__error form-input__error--absolute">Имя введено неверно</span>
</div>
</div>
@@ -267,7 +267,7 @@
<div class="modal-form-content__line">
<div class="modal-form-content-line__element">
<label for="firstname" class="label-name">Телефон</label>
<input id="firstname" class="form__input no-flag" type="text" maxlength="15" minlength="15" name="name" pattern="7\s[0-9]{3}\s[0-9]{3}\s[0-9]{4}" placeholder="+7 ___ ___ ____" required="" data-code="7">
<input class="form__input no-flag" type="text" maxlength="15" minlength="15" pattern="7\s[0-9]{3}\s[0-9]{3}\s[0-9]{4}" placeholder="+7 ___ ___ ____" required="" data-code="7">
<span class="form-input__error form-input__error--absolute">Номер телефона введен неверно</span>
</div>
</div>
@@ -395,7 +395,7 @@
<img src="/assets/img/product/mini-card.png" alt="" class="order-your-products__img">
<div class="order-your-products__content">
<p class="order-your-products__name">Сухой корм, для крупных и средних пород </p>
<a href="#" class="order-your-products__name">Сухой корм, для крупных и средних пород </a>
<p class="order-your-products__description">Индейка, 2 кг </p>
</div>
</div>
@@ -415,7 +415,7 @@
<img src="/assets/img/product/mini-card.png" alt="" class="order-your-products__img">
<div class="order-your-products__content">
<p class="order-your-products__name">Сухой корм, для крупных и средних пород </p>
<a href="#" class="order-your-products__name">Сухой корм, для крупных и средних пород </a>
<p class="order-your-products__description">Индейка, 2 кг </p>
</div>
</div>
@@ -435,7 +435,7 @@
<img src="/assets/img/product/mini-card.png" alt="" class="order-your-products__img">
<div class="order-your-products__content">
<p class="order-your-products__name">Сухой корм, для крупных и средних пород </p>
<a href="#" class="order-your-products__name">Сухой корм, для крупных и средних пород </a>
<p class="order-your-products__description">Индейка, 2 кг<span>1</span></p>
</div>
</div>
@@ -453,7 +453,7 @@
<div class="order-your__calculation">
<form action="" class="order-your__promo">
<input id="firstname" class="form__input form__input--grey" type="text" name="name" placeholder="Промокод" required="">
<input class="form__input form__input--grey" type="text" minlength="1" placeholder="Промокод">
<input type="submit" value="Применить" class="button button--white button--red-48-px active order-your-promo__button">
</form>
@@ -481,9 +481,7 @@
</div>
<div class="order-your-calculation__submit">
<button class="button button--gradient button--high button--100-perc">
Оплатить
</button>
<input type="submit" form="recipient" class="button button--gradient button--high button--100-perc" value="Оплатить">
</div>
</div>
</div>
@@ -596,35 +594,35 @@
<form class="modal-form__content " method="post" action="/send-telegram.php">
<div class="modal-form-content-line__element">
<label for="firstname" class="label-name">Адрес</label>
<input id="firstname" class="form__input" type="text" name="name" placeholder="Начните вводить ваш адрес" required="">
<label for="address" class="label-name">Адрес</label>
<input id="address" class="form__input" type="text" placeholder="Начните вводить ваш адрес" required="">
<span class="form-input__error form-input__error--absolute">Имя введено неверно</span>
</div>
<div class="modal-form-content__line modal-form-content__line--two-mobile">
<div class="modal-form-content-line__element">
<label for="firstname" class="label-name">Квартира</label>
<input id="firstname" class="form__input" type="text" name="name" placeholder="Квартира" required="">
<label for="apartment" class="label-name">Квартира</label>
<input id="apartment" class="form__input" type="text" placeholder="Квартира" required="">
<span class="form-input__error form-input__error--absolute">Квартира введено неверно</span>
</div>
<div class="modal-form-content-line__element">
<label for="lastname" class="label-name">Этаж</label>
<input id="lastname" class="form__input" type="text" name="name" placeholder="Этаж" required="">
<label for="floor" class="label-name">Этаж</label>
<input id="floor" class="form__input" type="text" placeholder="Этаж" required="">
<span class="form-input__error form-input__error--absolute">Этаж введен неверно</span>
</div>
</div>
<div class="modal-form-content__line modal-form-content__line--two-mobile">
<div class="modal-form-content-line__element">
<label for="firstname" class="label-name">Подъезд</label>
<input id="firstname" class="form__input" type="text" name="name" placeholder="Подъезд" required="">
<label for="entrance" class="label-name">Подъезд</label>
<input id="entrance" class="form__input" type="text" placeholder="Подъезд" required="">
<span class="form-input__error form-input__error--absolute">Подъезд введен неверно</span>
</div>
<div class="modal-form-content-line__element">
<label for="lastname" class="label-name">Домофон</label>
<input id="lastname" class="form__input" type="text" name="name" placeholder="Код домофона" required="">
<label for="number-phone" class="label-name">Домофон</label>
<input id="number-phone" class="form__input" type="text" placeholder="Код домофона" required="">
<span class="form-input__error form-input__error--absolute">Код домофона введен неверно</span>
</div>
</div>