63 lines
2.1 KiB
HTML
63 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="{{ site.Language }}" dir="{{ .Language.LanguageDirection | default "auto" }}">
|
|
|
|
<head>
|
|
{{- partial "head.html" . }}
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<script type="module" src="https://cdn.jsdelivr.net/npm/@commercelayer/drop-in.js@1.0.0/dist/drop-in/drop-in.esm.js"></script>
|
|
<link href="/css/minicart.css" rel="stylesheet" />
|
|
<link href="/css/drop-in.css" rel="stylesheet" />
|
|
<link href="/css/shop.css" rel="stylesheet" />
|
|
<link href="/css/product.css" rel="stylesheet"/>
|
|
</head>
|
|
|
|
<body class="
|
|
{{- if eq site.Params.defaultTheme `dark` -}}
|
|
{{- print " dark" }}
|
|
{{- end -}}
|
|
" id="top">
|
|
{{- partialCached "header.html" . .Page -}}
|
|
<main class="main">
|
|
|
|
{{- block "main" . }}{{ end }}
|
|
|
|
<!-- Hero Section -->
|
|
<section class="hero">
|
|
<img src="{{ .Params.image }}" alt="Product Image">
|
|
<h1>{{ .Title }}</h1>
|
|
<p>Description of the product.</p>
|
|
<button>Shop Now</button>
|
|
</section>
|
|
|
|
<!-- Product Details Section -->
|
|
<section class="product-details">
|
|
<h2>Product Details</h2>
|
|
<p>More detailed description of the product and its features.</p>
|
|
<ul>
|
|
<li>Specification 1: Value</li>
|
|
<li>Specification 2: Value</li>
|
|
<!-- Add more specifications as needed -->
|
|
</ul>
|
|
<p>Price: $XX.XX</p>
|
|
<button>Add to Cart</button>
|
|
</section>
|
|
|
|
<!-- Image Gallery Section -->
|
|
<section class="image-gallery">
|
|
<img src="{{ .Params.image }}" alt="Product Image 1">
|
|
<img src="{{ .Params.image }}" alt="Product Image 2">
|
|
<!-- Add more images as needed -->
|
|
</section>
|
|
|
|
<!-- Related Products Section -->
|
|
<section class="related-products">
|
|
<h2>Related Products</h2>
|
|
<!-- Display related products or accessories here -->
|
|
</section>
|
|
|
|
</main>
|
|
{{ partialCached "footer.html" . .Layout .Kind (.Param "hideFooter") (.Param "ShowCodeCopyButtons") -}}
|
|
</body>
|
|
|
|
</html>
|