test/shop10
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 5 Wiki Activity

ui: иконки и наглядное отображение цен со скидкой

Browse Source 
SVG-иконки в шапке и кнопках, зачёркнутая старая цена и акцент на цене со скидкой в каталоге, корзине и на карточке товара.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
shop
2026-05-17 14:14:38 +03:00
parent 9b688b2af4
commit 0c2cee410f
7 changed files with 315 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/partials/layout-start.ejs
+21 -7
View File
@@ -12,26 +12,40 @@
<body>
<header class="header">
<div class="container header__inner">
<a href="/" class="logo">Shop</a>
<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">Найти</button>
<button type="submit" class="btn btn--ghost btn--icon-text">Найти</button>
</form>
<nav class="nav">
<a href="/cart" class="nav__link nav__cart">
Корзина
<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__admin">Админ</a>
<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"><%= user.name %></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">Вход</a>
<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>