shop
0c2cee410f
SVG-иконки в шапке и кнопках, зачёркнутая старая цена и акцент на цене со скидкой в каталоге, корзине и на карточке товара. Co-authored-by: Cursor <cursoragent@cursor.com>
58 lines
2.8 KiB
Plaintext
58 lines
2.8 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title><%= title %> — Shop</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="/css/style.css">
|
|
</head>
|
|
<body>
|
|
<header class="header">
|
|
<div class="container header__inner">
|
|
<a href="/" class="logo">
|
|
<%- include('partials/icon', { name: 'package', iconSize: 22, iconClass: 'logo__icon' }) %>
|
|
Shop
|
|
</a>
|
|
<form class="search" action="/" method="get">
|
|
<span class="search__icon" aria-hidden="true"><%- include('partials/icon', { name: 'search', iconSize: 18 }) %></span>
|
|
<input type="search" name="q" placeholder="Поиск товаров…" value="<%= typeof searchQuery !== 'undefined' ? searchQuery : '' %>" aria-label="Поиск">
|
|
<button type="submit" class="btn btn--ghost btn--icon-text">Найти</button>
|
|
</form>
|
|
<nav class="nav">
|
|
<a href="/cart" class="nav__link nav__cart nav__link--icon">
|
|
<%- include('partials/icon', { name: 'cart', iconSize: 18 }) %>
|
|
<span>Корзина</span>
|
|
<% if (cartCount > 0) { %><span class="badge"><%= cartCount %></span><% } %>
|
|
</a>
|
|
<% if (user) { %>
|
|
<% if (typeof isAdmin !== 'undefined' && isAdmin) { %>
|
|
<a href="/admin" class="nav__link nav__link--icon nav__admin">
|
|
<%- include('partials/icon', { name: 'shield', iconSize: 18 }) %>
|
|
<span>Админ</span>
|
|
</a>
|
|
<% } %>
|
|
<a href="/account" class="nav__link nav__link--icon">
|
|
<%- include('partials/icon', { name: 'user', iconSize: 18 }) %>
|
|
<span><%= user.name %></span>
|
|
</a>
|
|
<form action="/logout" method="post" class="inline-form">
|
|
<button type="submit" class="btn btn--ghost btn--sm">Выйти</button>
|
|
</form>
|
|
<% } else if (cookieConsent) { %>
|
|
<a href="/login" class="nav__link nav__link--icon">
|
|
<%- include('partials/icon', { name: 'user', iconSize: 18 }) %>
|
|
<span>Вход</span>
|
|
</a>
|
|
<a href="/register" class="btn btn--primary btn--sm">Регистрация</a>
|
|
<% } else { %>
|
|
<span class="nav__link nav__link--disabled" title="Примите cookies">Вход</span>
|
|
<span class="nav__link nav__link--disabled" title="Примите cookies">Регистрация</span>
|
|
<% } %>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
<main class="main container">
|