100 lines
3.8 KiB
HTML
100 lines
3.8 KiB
HTML
{{define "product.html"}}
|
|
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{{.Product.Name}} — Shop</title>
|
|
<link rel="stylesheet" href="/static/css/style.css">
|
|
<link rel="stylesheet" href="/static/css/shop.css">
|
|
</head>
|
|
<body>
|
|
{{template "shop_header" .}}
|
|
<main class="shop-page container">
|
|
<nav class="breadcrumb">
|
|
<a href="/">Главная</a>
|
|
{{if .Product.CategorySlug}}
|
|
<span>/</span>
|
|
<a href="/category/{{.Product.CategorySlug}}">{{.Product.Category}}</a>
|
|
{{end}}
|
|
<span>/</span>
|
|
<span>{{.Product.Name}}</span>
|
|
</nav>
|
|
|
|
<div class="product-detail">
|
|
<div class="product-detail__gallery">
|
|
<img src="{{.Product.ImageURL}}" alt="{{.Product.Name}}" class="product-detail__main">
|
|
{{if .Product.Images}}
|
|
<div class="product-detail__thumbs">
|
|
{{range .Product.Images}}
|
|
<img src="{{.FilePath}}" alt="">
|
|
{{end}}
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
<div class="product-detail__info">
|
|
{{if .Product.CategorySlug}}
|
|
<a href="/category/{{.Product.CategorySlug}}" class="product-detail__cat">{{.Product.Category}}</a>
|
|
{{end}}
|
|
<h1>{{.Product.Name}}</h1>
|
|
<div class="price-block price-block--lg">
|
|
{{if .Product.HasSale}}
|
|
<span class="price-block__old">{{printf "%.0f" .Product.Price}} ₽</span>
|
|
<span class="price-block__sale">{{printf "%.0f" .Product.SalePrice}} ₽</span>
|
|
<span class="price-block__badge">-{{.Product.DiscountPercent}}%</span>
|
|
{{else}}
|
|
<span class="price-block__current">{{printf "%.0f" .Product.Price}} ₽</span>
|
|
{{end}}
|
|
</div>
|
|
<p class="product-detail__short">{{plain .Product.Description}}</p>
|
|
<form method="POST" action="/cart/add" class="product-detail__buy">
|
|
<input type="hidden" name="product_id" value="{{.Product.ID}}">
|
|
<input type="number" name="quantity" value="1" min="1" max="99" class="qty-input">
|
|
<button type="submit" class="btn btn--primary btn--lg">Добавить в корзину</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
{{if .Product.Details}}
|
|
<section class="product-detail__content shop-card">
|
|
<h2>Описание</h2>
|
|
<div class="product-detail__html">{{safeHTML .Product.Details}}</div>
|
|
</section>
|
|
{{end}}
|
|
</main>
|
|
</body>
|
|
</html>
|
|
{{end}}
|
|
|
|
{{define "category.html"}}
|
|
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{{.Category.Name}} — Shop</title>
|
|
<link rel="stylesheet" href="/static/css/style.css">
|
|
<link rel="stylesheet" href="/static/css/shop.css">
|
|
</head>
|
|
<body>
|
|
{{template "shop_header" .}}
|
|
<main class="shop-page container">
|
|
<nav class="breadcrumb">
|
|
<a href="/">Главная</a>
|
|
<span>/</span>
|
|
<span>{{.Category.Name}}</span>
|
|
</nav>
|
|
<h1>{{.Category.Name}}</h1>
|
|
{{if .Category.Description}}<p class="shop-hint">{{.Category.Description}}</p>{{end}}
|
|
<div class="products">
|
|
{{range .Products}}
|
|
{{template "product_card" .}}
|
|
{{else}}
|
|
<p class="empty">В этой категории пока нет товаров.</p>
|
|
{{end}}
|
|
</div>
|
|
</main>
|
|
</body>
|
|
</html>
|
|
{{end}}
|