Removed remains of the shop, removed Ko-Fi applet
This commit is contained in:
Hamza Ahmed
+1
-1
@@ -7,7 +7,7 @@ variables:
|
|||||||
# Major - Shouldn't change often, Big changes to the site
|
# Major - Shouldn't change often, Big changes to the site
|
||||||
# Minor - starts from 0 when Major is incremented +1 for each version that goes public
|
# Minor - starts from 0 when Major is incremented +1 for each version that goes public
|
||||||
# Release - For each time a development milestone is reached
|
# Release - For each time a development milestone is reached
|
||||||
VERSION: 1.2.6
|
VERSION: 1.2.7
|
||||||
BUILD: 1 # If set to 0 gitlab will not build the image
|
BUILD: 1 # If set to 0 gitlab will not build the image
|
||||||
IMAGE_TAG: $CI_REGISTRY_IMAGE:$VERSION
|
IMAGE_TAG: $CI_REGISTRY_IMAGE:$VERSION
|
||||||
|
|
||||||
|
|||||||
@@ -1,83 +0,0 @@
|
|||||||
:root{
|
|
||||||
--cl-color-primary: var(--tertiary);
|
|
||||||
--cl-color-white: var(--content);
|
|
||||||
}
|
|
||||||
|
|
||||||
cl-availability-status[aria-disabled=true],cl-identity-status[aria-disabled=true]{
|
|
||||||
display:none
|
|
||||||
}
|
|
||||||
|
|
||||||
cl-price-amount{
|
|
||||||
color: var(--purple);
|
|
||||||
font-size:1em;
|
|
||||||
font-weight:600;
|
|
||||||
line-height:1.5em
|
|
||||||
}
|
|
||||||
|
|
||||||
cl-price-amount[type=compare-at]{
|
|
||||||
color: var(--content);
|
|
||||||
font-size:.875em;
|
|
||||||
font-weight:300;
|
|
||||||
line-height:1.25em;
|
|
||||||
text-decoration:line-through
|
|
||||||
}
|
|
||||||
|
|
||||||
cl-price-amount[type=compare-at]::part(strikethrough){
|
|
||||||
text-decoration:none
|
|
||||||
}
|
|
||||||
|
|
||||||
cl-add-to-cart{
|
|
||||||
display:inline-block;
|
|
||||||
background-image:none;
|
|
||||||
border:none;
|
|
||||||
font-weight:600;
|
|
||||||
color:var(--cl-color-white);
|
|
||||||
padding:.75rem 1rem .75rem 1rem;
|
|
||||||
border-radius: var(--radius);
|
|
||||||
background-color: var(--cl-color-primary);
|
|
||||||
cursor:default;
|
|
||||||
position: relative;
|
|
||||||
bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
cl-add-to-cart:not([aria-disabled=true]){
|
|
||||||
background-color:var(--cl-color-primary);
|
|
||||||
cursor:pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
cl-cart-link,.cl-cart-link{
|
|
||||||
position:relative;
|
|
||||||
display:inline-block;
|
|
||||||
cursor:pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
cl-cart-link cl-cart-count,.cl-cart-link cl-cart-count{
|
|
||||||
position:absolute;
|
|
||||||
bottom:0;
|
|
||||||
right:0;
|
|
||||||
font-size:.5rem;
|
|
||||||
border-radius:50%;
|
|
||||||
background-color:var(--cl-color-primary);
|
|
||||||
min-width:1rem;
|
|
||||||
height:1rem;
|
|
||||||
display:flex;
|
|
||||||
align-items:center;
|
|
||||||
justify-content:center;
|
|
||||||
color:var(--cl-color-white);
|
|
||||||
transform:translate(120%, 0%);
|
|
||||||
padding:.2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
cl-cart-link cl-cart-count[hide-when-empty=""],cl-cart-link cl-cart-count[hide-when-empty=true],.cl-cart-link cl-cart-count[hide-when-empty=""],.cl-cart-link cl-cart-count[hide-when-empty=true]{
|
|
||||||
opacity:0
|
|
||||||
}
|
|
||||||
|
|
||||||
cl-cart-link cl-cart-count[quantity],.cl-cart-link cl-cart-count[quantity]{
|
|
||||||
transition:opacity .3s;opacity:1
|
|
||||||
}
|
|
||||||
|
|
||||||
cl-cart-link svg~cl-cart-count,.cl-cart-link svg~cl-cart-count{
|
|
||||||
bottom:0%;
|
|
||||||
right:0%;
|
|
||||||
transform:translate(30%, 0%);
|
|
||||||
}
|
|
||||||
@@ -1,69 +0,0 @@
|
|||||||
cl-cart[type=mini]{
|
|
||||||
--cl-cart-mini-backdrop-bg: #000;
|
|
||||||
--cl-cart-mini-backdrop-opacity: 0.4;
|
|
||||||
--cl-cart-mini-backdrop-shadow: -1px 0px 10px rgba(0, 0, 0, .3);
|
|
||||||
--cl-cart-mini-modal-z-index: 100;
|
|
||||||
--cl-cart-mini-modal-bg: #fff;
|
|
||||||
--cl-cart-mini-modal-width: 400px;
|
|
||||||
--cl-cart-mini-modal-max-width: calc(100vw - 40px);
|
|
||||||
--cl-cart-mini-transition-duration: .3s;
|
|
||||||
--cl-cart-mini-transition-timing-function: ease-in-out;
|
|
||||||
display:flex;
|
|
||||||
cursor:auto;
|
|
||||||
position:fixed;
|
|
||||||
z-index:var(--cl-cart-mini-modal-z-index);
|
|
||||||
top:0;
|
|
||||||
width:var(--cl-cart-mini-modal-width);
|
|
||||||
max-width:var(--cl-cart-mini-modal-max-width);
|
|
||||||
height:100%;
|
|
||||||
pointer-events:none;
|
|
||||||
box-sizing:border-box;
|
|
||||||
box-shadow:none;
|
|
||||||
transition:box-shadow var(--cl-cart-mini-transition-duration) var(--cl-cart-mini-transition-timing-function)
|
|
||||||
}
|
|
||||||
|
|
||||||
cl-cart[type=mini]::before,cl-cart[type=mini]::after{
|
|
||||||
position:fixed;
|
|
||||||
content:" ";
|
|
||||||
opacity:0;
|
|
||||||
width:100%;
|
|
||||||
height:100%;
|
|
||||||
top:0;
|
|
||||||
right:0;
|
|
||||||
z-index:-1;
|
|
||||||
transition:opacity var(--cl-cart-mini-transition-duration) var(--cl-cart-mini-transition-timing-function)
|
|
||||||
}
|
|
||||||
|
|
||||||
cl-cart[type=mini]::before{
|
|
||||||
background:var(--cl-cart-mini-backdrop-bg)
|
|
||||||
}
|
|
||||||
|
|
||||||
cl-cart[type=mini]::after{
|
|
||||||
position:fixed;
|
|
||||||
width:var(--cl-cart-mini-modal-width);
|
|
||||||
max-width:var(--cl-cart-mini-modal-max-width);
|
|
||||||
box-shadow:var(--cl-cart-mini-backdrop-shadow)
|
|
||||||
}
|
|
||||||
|
|
||||||
cl-cart[type=mini],cl-cart[type=mini]::after{
|
|
||||||
right:calc(var(--cl-cart-mini-modal-width)*-1 + 0px);
|
|
||||||
transition:right var(--cl-cart-mini-transition-duration) var(--cl-cart-mini-transition-timing-function),opacity var(--cl-cart-mini-transition-duration) var(--cl-cart-mini-transition-timing-function)
|
|
||||||
}
|
|
||||||
|
|
||||||
cl-cart[type=mini][open]:not([open=false]){
|
|
||||||
right:0;
|
|
||||||
pointer-events:initial
|
|
||||||
}
|
|
||||||
|
|
||||||
cl-cart[type=mini][open]:not([open=false])::before{
|
|
||||||
opacity:var(--cl-cart-mini-backdrop-opacity)
|
|
||||||
}
|
|
||||||
|
|
||||||
cl-cart[type=mini][open]:not([open=false])::after{
|
|
||||||
right:0;
|
|
||||||
opacity:1
|
|
||||||
}
|
|
||||||
|
|
||||||
body.cl-cart--open{
|
|
||||||
overflow:hidden
|
|
||||||
}
|
|
||||||
@@ -1,38 +0,0 @@
|
|||||||
.hero {
|
|
||||||
text-align: center;
|
|
||||||
padding: 50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hero img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-radius: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-details {
|
|
||||||
background-color: #333;
|
|
||||||
padding: 20px;
|
|
||||||
margin-top: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.prodStock {
|
|
||||||
padding: 20px 0 20px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.related-products {
|
|
||||||
background-color: #333;
|
|
||||||
padding: 20px;
|
|
||||||
margin-top: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.shopping-links {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.shopping-links a {
|
|
||||||
color: var(--secondary);
|
|
||||||
text-decoration: underline;
|
|
||||||
display: inline-block;
|
|
||||||
padding: 20px;
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
@@ -1,68 +0,0 @@
|
|||||||
.productList {
|
|
||||||
display: inline-grid;
|
|
||||||
grid-template-columns: auto auto auto;
|
|
||||||
grid-auto-rows: 400px;
|
|
||||||
grid-gap: 30px 10px;
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
.product {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: space-between;
|
|
||||||
background-color: var(--entry);
|
|
||||||
border: 1px solid var(--border);
|
|
||||||
border-radius: var(--radius);
|
|
||||||
text-align: center;
|
|
||||||
padding: var(--gap);
|
|
||||||
}
|
|
||||||
img{
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
}
|
|
||||||
.prodImage {
|
|
||||||
display:block;
|
|
||||||
width: 100%;
|
|
||||||
height: auto;
|
|
||||||
max-height: 100%;
|
|
||||||
border-radius: var(--radius);
|
|
||||||
overflow-clip-margin: content-box;
|
|
||||||
overflow: clip;
|
|
||||||
padding-bottom: 10px
|
|
||||||
}
|
|
||||||
.prodStock {
|
|
||||||
color: var(--green);
|
|
||||||
}
|
|
||||||
.shop-nav {
|
|
||||||
list-style-type: none;
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
justify-content: flex-start;
|
|
||||||
max-width: calc(var(--nav-width) + var(--gap) * 2);
|
|
||||||
margin-inline-start: auto;
|
|
||||||
margin-inline-end: auto;
|
|
||||||
}
|
|
||||||
.shop-nav li {
|
|
||||||
padding-right:10px;
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (min-width: 608px) {
|
|
||||||
.productList {
|
|
||||||
grid-template-columns: auto auto auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (min-width: 609px) {
|
|
||||||
.productList {
|
|
||||||
grid-template-columns: auto auto auto auto;
|
|
||||||
}
|
|
||||||
.shop-nav {
|
|
||||||
justify-content: flex-end
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (min-width: 992px) {
|
|
||||||
.productList {
|
|
||||||
grid-template-columns: auto auto auto auto auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -75,8 +75,6 @@ params:
|
|||||||
buttons:
|
buttons:
|
||||||
- name: posts
|
- name: posts
|
||||||
url: posts
|
url: posts
|
||||||
- name: shop
|
|
||||||
url: https://shop.ahmza.com
|
|
||||||
- name: archive
|
- name: archive
|
||||||
url: archive
|
url: archive
|
||||||
|
|
||||||
@@ -130,10 +128,6 @@ menu:
|
|||||||
name: tags
|
name: tags
|
||||||
url: /tags/
|
url: /tags/
|
||||||
weight: 20
|
weight: 20
|
||||||
- identifier: shop
|
|
||||||
name: shop
|
|
||||||
url: https://shop.ahmza.com
|
|
||||||
weight: 30
|
|
||||||
- identifier: contact
|
- identifier: contact
|
||||||
name: contact
|
name: contact
|
||||||
url: /contact/
|
url: /contact/
|
||||||
|
|||||||
@@ -1,6 +0,0 @@
|
|||||||
---
|
|
||||||
layout: shop
|
|
||||||
title: "Shop"
|
|
||||||
date: 2023-11-11T03:00:04Z
|
|
||||||
draft: false
|
|
||||||
---
|
|
||||||
@@ -1,58 +0,0 @@
|
|||||||
<!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>
|
|
||||||
</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>
|
|
||||||
@@ -1,97 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="{{ site.Language }}" dir="{{ .Language.LanguageDirection | default "auto" }}">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
{{- partial "head.html" . }}
|
|
||||||
<script type="module" src="https://cdn.jsdelivr.net/npm/@commercelayer/drop-in.js@1.0.0/dist/drop-in/drop-in.esm.js"></script>
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
</head>
|
|
||||||
|
|
||||||
|
|
||||||
<body class="
|
|
||||||
{{- if eq site.Params.defaultTheme `dark` -}}
|
|
||||||
{{- print " dark" }}
|
|
||||||
{{- end -}}
|
|
||||||
" id="top">
|
|
||||||
{{- partialCached "header.html" . .Page -}}
|
|
||||||
<main class="main">
|
|
||||||
<script>
|
|
||||||
(function() {
|
|
||||||
window.commercelayerConfig = {
|
|
||||||
clientId: 'sU2jXv9bJKNyj8Li6bumfgnrGJTrRKHFmkcdtHlmrss',
|
|
||||||
slug: 'ahmza',
|
|
||||||
scope: 'market:15657',
|
|
||||||
returnUrl: 'https://commercelayer.io/blog/composable-commerce-with-micro-frontends'
|
|
||||||
}
|
|
||||||
}());
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<div class=shop-nav-div>
|
|
||||||
<ul class=shop-nav>
|
|
||||||
<li>
|
|
||||||
<cl-identity-status type="guest">
|
|
||||||
<cl-identity-link type="login" target="_parent">
|
|
||||||
Login
|
|
||||||
</cl-identity-link>
|
|
||||||
</cl-identity-status>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<cl-identity-status type="customer">
|
|
||||||
<cl-identity-link type="login" target="_parent">
|
|
||||||
Account
|
|
||||||
</cl-identity-link>
|
|
||||||
</cl-identity-status>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<cl-cart-link>
|
|
||||||
cart
|
|
||||||
<cl-cart-count hide-when-empty="true"></cl-cart-count>
|
|
||||||
<cl-cart></cl-cart>
|
|
||||||
</cl-cart-link>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class=productList>
|
|
||||||
{{ range ( where .Site.RegularPages "Type" "products" ) }}
|
|
||||||
<div class=product>
|
|
||||||
<a href="{{ .RelPermalink }}">
|
|
||||||
<div class=prodImage>
|
|
||||||
<img src="{{ .Params.image }}">
|
|
||||||
</div>
|
|
||||||
<div class=prodTitle>
|
|
||||||
<h4>{{ .Title }}<h4>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
<div class=prodPrice>
|
|
||||||
<cl-price code="{{ .Params.code }}">
|
|
||||||
<cl-price-amount type="compare-at">.</cl-price-amount>
|
|
||||||
<cl-price-amount type="price">.</cl-price-amount>
|
|
||||||
</cl-price>
|
|
||||||
</div>
|
|
||||||
<div class=prodStock>
|
|
||||||
<cl-availability code="{{ .Params.code }}">
|
|
||||||
<cl-availability-status type="available">
|
|
||||||
• in stock
|
|
||||||
</cl-availability-status>
|
|
||||||
<cl-availability-status type="unavailable">
|
|
||||||
• out of stock
|
|
||||||
</cl-availability-status>
|
|
||||||
</cl-availability>
|
|
||||||
</div>
|
|
||||||
<div class=prodAddToCart>
|
|
||||||
<cl-add-to-cart code="{{ .Params.code }}">
|
|
||||||
Add to cart
|
|
||||||
</cl-add-to-cart>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{{ end }}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</main>
|
|
||||||
{{ partialCached "footer.html" . .Layout .Kind (.Param "hideFooter") (.Param "ShowCodeCopyButtons") -}}
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
|
|
||||||
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
<script src='https://storage.ko-fi.com/cdn/scripts/overlay-widget.js'></script>
|
|
||||||
<script>
|
|
||||||
kofiWidgetOverlay.draw('ahmza', {
|
|
||||||
'type': 'floating-chat',
|
|
||||||
'floating-chat.donateButton.text': 'Tip',
|
|
||||||
'floating-chat.donateButton.background-color': 'rgb(145, 70, 255)',
|
|
||||||
'floating-chat.donateButton.text-color': '#fff'
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|||||||
@@ -1,109 +0,0 @@
|
|||||||
<!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">
|
|
||||||
|
|
||||||
<div class=shop-nav-div>
|
|
||||||
<ul class=shop-nav>
|
|
||||||
<li>
|
|
||||||
<cl-identity-status type="guest">
|
|
||||||
<cl-identity-link type="login" target="_parent">
|
|
||||||
Login
|
|
||||||
</cl-identity-link>
|
|
||||||
</cl-identity-status>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<cl-identity-status type="customer">
|
|
||||||
<cl-identity-link type="login" target="_parent">
|
|
||||||
Account
|
|
||||||
</cl-identity-link>
|
|
||||||
</cl-identity-status>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<cl-cart-link>
|
|
||||||
cart
|
|
||||||
<cl-cart-count hide-when-empty="true"></cl-cart-count>
|
|
||||||
<cl-cart></cl-cart>
|
|
||||||
</cl-cart-link>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
(function() {
|
|
||||||
window.commercelayerConfig = {
|
|
||||||
clientId: 'sU2jXv9bJKNyj8Li6bumfgnrGJTrRKHFmkcdtHlmrss',
|
|
||||||
slug: 'ahmza',
|
|
||||||
scope: 'market:15657',
|
|
||||||
returnUrl: 'https://commercelayer.io/blog/composable-commerce-with-micro-frontends'
|
|
||||||
}
|
|
||||||
}());
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<!-- Hero Section -->
|
|
||||||
<section class="hero">
|
|
||||||
<img src="{{ .Params.image }}" alt="Product Image">
|
|
||||||
<h1>{{ .Title }}</h1>
|
|
||||||
<p>{{ .Params.shortdesc }}</p>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- Product Details Section -->
|
|
||||||
<section class="product-details">
|
|
||||||
{{ .Content }}
|
|
||||||
<div class=prodPrice>
|
|
||||||
<cl-price code="{{ .Params.code }}">
|
|
||||||
<cl-price-amount type="compare-at">.</cl-price-amount>
|
|
||||||
<cl-price-amount type="price">.</cl-price-amount>
|
|
||||||
</cl-price>
|
|
||||||
</div>
|
|
||||||
<div class=prodStock>
|
|
||||||
<cl-availability code="{{ .Params.code }}">
|
|
||||||
<cl-availability-status type="available">
|
|
||||||
• in stock
|
|
||||||
</cl-availability-status>
|
|
||||||
<cl-availability-status type="unavailable">
|
|
||||||
• out of stock
|
|
||||||
</cl-availability-status>
|
|
||||||
</cl-availability>
|
|
||||||
</div>
|
|
||||||
<div class=prodAddToCart>
|
|
||||||
<cl-add-to-cart code="{{ .Params.code }}">
|
|
||||||
Add to cart
|
|
||||||
</cl-add-to-cart>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- Related Products Section -->
|
|
||||||
<section class="related-products">
|
|
||||||
<h2>Related Products</h2>
|
|
||||||
<!-- Display related products or accessories here -->
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- Footer Section -->
|
|
||||||
<footer class="shopping-links">
|
|
||||||
<a href="/contact">contact</a>
|
|
||||||
<a href="/shipping">shipping policy</a>
|
|
||||||
<a href="/returns">returns policy</a>
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
</main>
|
|
||||||
{{ partialCached "footer.html" . .Layout .Kind (.Param "hideFooter") (.Param "ShowCodeCopyButtons") -}}
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 25 KiB |
Reference in New Issue
Block a user