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

overlay js + css правки

Browse Source
This commit is contained in:
Kirill Pet
2024-10-08 23:17:45 +03:00
parent 7beff60d00
commit db58f5c463
4 changed files with 114 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
index.html
View File

@@ -274,7 +274,7 @@
1 304
</p>
<div class="product-item__bye">
<button class="button button--white button--100-perc">
<button class="button button--white button--100-perc open-overlay">
Купить
</button>
</div>
@@ -368,11 +368,80 @@
1 304
</p>
<div class="product-item__bye">
<button class="button button--white button--100-perc">
<button class="button button--white button--100-perc open-overlay ">
Купить
</button>
</div>
</div>
<div class="product-item__overlay">
<div class="product-item-overlay__header">
<p class="product-item__title">
Сухой корм, 2 кг, для крупных и средних пород
</p>
<ul class="product-item-overlay__tags">
<li>Seperpremium</li>
<li>Для крупных и средних пород </li>
<li>Полнорационный</li>
</ul>
</div>
<form class="product-item__form" method="post" action="/send-telegram.php">
<div class="product-item-overlay__input-block">
<div class="product-item-overlay__field">
<p class="product-item-overlay-field__title">Объем</p>
<div class="select">
<input type="text" class="select__state" value="2 кг" readonly>
<div class="state__block">
<ul class="state__content">
<li>
<button class="state__button active">
2 кг
</button>
</li>
<li>
<button class="state__button">
3 кг
</button>
</li>
<li>
<button class="state__button">
4 кг
</button>
</li>
</ul>
</div>
</div>
</div>
<div class="product-item-overlay__field">
<p class="product-item-overlay-field__title">Количество</p>
<div class="counter">
<button class="counter__button minus">
<img src="assets/img/svg/main/minus.svg" alt="">
</button>
<input type="text" class="counter__input" value="1">
<button class="counter__button plus">
<img src="assets/img/svg/main/plus.svg" alt="">
</button>
</div>
</div>
</div>
<p class="product-item-overlay__price">
1280
</p>
<div class="product-item-overlay__block-button">
<div class="product-item-overlay__button">
<input class="button button--gradient button--base button--100-perc" type="submit" value="Добавить в корзину">
</div>
<div class="product-item-overlay__button">
<button class="to-know button--100-perc">
<p>Подробнее</p>
</button>
</div>
</div>
</form>
</div>
</div>
<div class="product__item hiding">
<div class="product-item__label">
@@ -421,7 +490,7 @@
1 304
</p>
<div class="product-item__bye">
<button class="button button--white button--100-perc">
<button class="button button--white button--100-perc open-overlay">
Купить
</button>
</div>
@@ -446,7 +515,7 @@
1 304
</p>
<div class="product-item__bye">
<button class="button button--white button--100-perc">
<button class="button button--white button--100-perc open-overlay">
Купить
</button>
</div>