правки footer

This commit is contained in:
2026-04-04 20:03:40 +03:00
parent f2659158c9
commit 601135a50a
3 changed files with 99 additions and 8 deletions

View File

@@ -1172,6 +1172,70 @@
padding: 32px 0 42px;
}
.classic-footer {
width: 100%;
margin-top: 24px;
padding: 44px 0 28px;
background: #0a1f47;
border-top: 1px solid rgba(255, 255, 255, 0.16);
}
.classic-footer-shell {
display: grid;
gap: 22px;
}
.classic-footer-main {
display: grid;
grid-template-columns: minmax(0, 1.5fr) repeat(2, minmax(180px, 1fr));
gap: 28px;
align-items: start;
}
.classic-footer-col {
min-width: 0;
}
.classic-footer-col h3 {
margin: 0;
color: #ffffff;
font-size: 18px;
line-height: 1.2;
}
.classic-footer .brand-text strong,
.classic-footer .brand-text span,
.classic-footer .footer-description,
.classic-footer .footer-links a,
.classic-footer .footer-legal a,
.classic-footer .footer-bottom {
color: rgba(255, 255, 255, 0.78);
}
.classic-footer .footer-links,
.classic-footer .footer-legal {
margin-top: 14px;
}
.classic-footer .footer-links a,
.classic-footer .footer-legal a {
transition: color 0.2s ease;
}
.classic-footer .footer-links a:hover,
.classic-footer .footer-legal a:hover,
.classic-footer .footer-links a:focus-visible,
.classic-footer .footer-legal a:focus-visible {
color: #ffffff;
}
.classic-footer-bottom {
margin-top: 8px;
padding-top: 16px;
border-top: 1px solid rgba(255, 255, 255, 0.16);
font-size: 13px;
}
.footer-grid {
align-items: start;
}
@@ -1449,6 +1513,14 @@
.product-row {
justify-items: start;
}
.classic-footer-main {
grid-template-columns: 1fr 1fr;
}
.classic-footer-main .brand-col {
grid-column: 1 / -1;
}
}
@media (max-width: 640px) {
@@ -1491,6 +1563,19 @@
align-items: start;
}
.classic-footer {
padding-top: 32px;
}
.classic-footer-main {
grid-template-columns: 1fr;
gap: 20px;
}
.classic-footer-main .brand-col {
grid-column: auto;
}
.cart-actions {
grid-template-columns: 1fr;
}

View File

@@ -564,7 +564,7 @@ h2 {
padding: 22px;
}
.premium-footer {
.premium-footer:not(.classic-footer) {
position: relative;
z-index: 1;
padding-top: 0;

View File

@@ -6,10 +6,10 @@
*/
?>
<footer class="footer premium-footer">
<div class="container">
<div class="footer-grid">
<div class="footer-card">
<footer class="footer premium-footer classic-footer">
<div class="container classic-footer-shell">
<div class="classic-footer-main">
<div class="classic-footer-col brand-col">
<a class="brand" href="<?php echo esc_url( home_url( '/test1/' ) ); ?>" aria-label="Перейти на страницу test1">
<span class="brand-mark" aria-hidden="true">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -23,8 +23,9 @@
</a>
<p class="footer-description">Доставка воды в Севастополе для дома, офиса, кафе и фитнес-клубов. Вода 19 литров, питьевая и минеральная вода с удобным заказом на сайте.</p>
</div>
<div class="footer-card">
<h3>Навигация и документы</h3>
<div class="classic-footer-col">
<h3>Навигация</h3>
<div class="footer-links">
<a href="<?php echo esc_url( home_url( '/test1/#catalog' ) ); ?>">Каталог</a>
<a href="<?php echo esc_url( home_url( '/test1/#delivery' ) ); ?>">Доставка воды в Севастополе</a>
@@ -32,6 +33,10 @@
<a href="<?php echo esc_url( home_url( '/test1/#faq' ) ); ?>">Частые вопросы</a>
<a href="<?php echo esc_url( home_url( '/test1/#contacts' ) ); ?>">Контакты</a>
</div>
</div>
<div class="classic-footer-col">
<h3>Документы</h3>
<div class="footer-legal">
<a href="#">Политика конфиденциальности</a>
<a href="#">Пользовательское соглашение</a>
@@ -39,7 +44,8 @@
</div>
</div>
</div>
<div class="footer-bottom">
<div class="footer-bottom classic-footer-bottom">
<span>© 2026 АкваЛиния. Все права защищены.</span>
<span>Сделано для запросов «заказать воду на дом» и «вода 19 литров с доставкой»</span>
</div>