added terms and privacy page and optimize v2.0 update

6 files changed, 63 insertions, 51 deletions

diff --git a/layouts/contact/list.html b/layouts/contact/list.html
index 69ea1d5..8a916c2 100644
--- a/layouts/contact/list.html
+++ b/layouts/contact/list.html
@@ -2,12 +2,11 @@
 
 <section class="section">
   <div class="container">
-    <div class="row justify-content-between">
+    <div class="row justify-content-center">
       {{ with .Params.office }}
-      <div class="col-lg-4 col-sm-6">
-        <h3 class="mb-4">{{ .title | markdownify }}</h3>
+      <div class="col-lg-5 col-sm-6 mb-5">
+        <h2 class="font-weight-bold mb-4">{{ .title | markdownify }}</h2>
         <p>{{ .content | markdownify }}</p>
-
         <ul class="list-unstyled contact-list">
           <li class="mb-3"><a href="tel:{{ .mobile }}"><i class="tf-ion-ios-telephone mr-2"></i>
               {{ .mobile }}</a></li>
@@ -17,9 +16,9 @@
         </ul>
       </div>
       {{ end }}
-      <div class="col-lg-3 col-sm-6">
+      <div class="col-lg-3 col-sm-6 mb-5">
         {{ with .Params.opennig_hour }}
-        <h3 class="mb-4">{{ .title | markdownify }}</h3>
+        <h2 class="font-weight-bold mb-4">{{ .title | markdownify }}</h2>
         <ul class="list-unstyled">
           {{ range .day_time }}
           <li class="mb-2">{{ . | markdownify }}</li>
@@ -27,13 +26,23 @@
         </ul>
         {{ end }}
       </div>
-      <div class="col-lg-4">
-        <h3 class="mb-4">{{ .Title }}</h3>
-        <form action="{{ site.Params.contact_form_action }}" method="POST">
-          <input type="text" class="form-control mb-2" id="name" name="name" placeholder="Your Name">
-          <input type="email" class="form-control mb-2" id="email" name="email" placeholder="Your Email">
-          <textarea name="message" id="message" class="form-control mb-2" placeholder="Your Message"></textarea>
-          <button type="submit" value="send" class="btn btn-main btn-main-sm btn-block">{{ i18n "send" }}</button>
+    </div>
+    <div class="row justify-content-center">
+      <div class="col-lg-8">
+        <h2 class="font-weight-bold mb-4">{{ .Title | markdownify }}</h2>
+        <form action="{{ site.Params.contact_form_action }}" method="POST" class="row">
+          <div class="col-lg-6 mb-3">
+            <input type="text" class="form-control mb-2" id="name" name="name" placeholder="Your Name">
+          </div>
+          <div class="col-lg-6 mb-3">
+            <input type="email" class="form-control mb-2" id="email" name="email" placeholder="Your Email">
+          </div>
+          <div class="col-12 mb-3">
+            <textarea name="message" id="message" class="form-control mb-2" placeholder="Your Message"></textarea>
+          </div>
+          <div class="col-12 text-right">
+            <button type="submit" value="send" class="btn btn-main btn-main-sm">{{ i18n "send" }}</button>
+          </div>
         </form>
       </div>
     </div>
diff --git a/layouts/partials/banner.html b/layouts/partials/banner.html
index ccce7a5..f596fc1 100644
--- a/layouts/partials/banner.html
+++ b/layouts/partials/banner.html
@@ -1,11 +1,11 @@
 {{ $data := index .Site.Data .Site.Language.Lang }}
 
 {{- if $data.homepage.banner.enable }}
+{{- with $data.homepage.banner }}
 <!-- hero area -->
 <section class="section">
 	<div class="container">
 		<div class="row">
-			{{- with $data.homepage.banner }}
 			<div class="col-md-6 text-center mb-5 mb-md-0">
 				<img class="img-fluid" src="{{ .image | absURL }}" alt="">
 			</div>
@@ -13,23 +13,15 @@
 				<div class="block">
 					<h1 class="font-weight-bold mb-4 font-size-60">{{ .title | markdownify }}</h1>
 					<p class="mb-4">{{ .content | markdownify }}</p>
-					{{- end }}
-					<button class="snipcart-add-item btn btn-main" 
-					  {{with $data.homepage.product }} data-item-id="{{ .name | urlize }}__{{ .price }}"
-						data-item-name="{{ .name }}"
-						data-item-image="{{ .image | absURL }}"
-						data-item-price="{{ .price }}" data-item-url="{{ .Permalink }}" 
-						{{ if .colors }}
-						data-item-custom1-name="Choose Color"
-						data-item-custom1-options="{{ range $index, $element:= .colors }}{{ if eq $index 0 }}{{ . | title }}{{ else }}|{{ . | title }}{{ end }}{{ end }}"
-						{{ end }}
-						{{ if .sizes }} 
-						data-item-custom2-name="Choose Size"
-						data-item-custom2-options="{{ range $index, $element:= .sizes }}{{ if eq $index 0 }}{{ . | title }}{{ else }}|{{ . | title }}{{ end }}{{ end }}"
-						{{ end }}{{ end }}>{{ $data.homepage.banner.button }}</button>
+					{{ if .button.enable }}
+					{{ with .button }}
+					<a href="{{.link|absLangURL}}" class="btn btn-main">{{.label}}</a>
+					{{ end }}
+					{{ end }}
 				</div>
 			</div>
 		</div><!-- .row close -->
 	</div><!-- .container close -->
 </section><!-- header close -->
+{{- end }}
 {{- end }}
\ No newline at end of file
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 8238400..622ab72 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -16,10 +16,9 @@
           </li>
           {{ end }}
         </ul>
-        
         <!-- Language List -->
         {{ if .IsTranslated }}
-        <select class="m-2 border-0" id="select-language" onchange="location = this.value;">
+        <select class="lang-list" id="select-language" onchange="location = this.value;">
           {{ $siteLanguages := .Site.Languages}}
           {{ $pageLang := .Page.Lang}}
           {{ range .Page.AllTranslations }}
@@ -39,6 +38,7 @@
         </select>
         {{ end }}
       </div>
+      <button class="cart snipcart-checkout"><i class="tf-ion-android-cart"></i><span class="badge badge-primary snipcart-items-count"></span></button>
     </nav>
   </div>
 </header>
diff --git a/layouts/partials/products.html b/layouts/partials/products.html
index ddcef81..7f1416a 100644
--- a/layouts/partials/products.html
+++ b/layouts/partials/products.html
@@ -14,10 +14,10 @@
           <div class="block">
             <div class="gallery-overlay">
               <a href="{{ .Permalink }}" class="gallery-popup">
-                <i class="tf-ion-ios-search"></i>
+                <i class="tf-ion-android-open"></i>
               </a>
             </div>
-            <img class="img-fluid" src="{{ .Params.image | absURL }}" alt="{{.Title}}">
+            <img class="img-fluid" src="{{range first 1 .Params.images}}{{.|absURL}}{{end}}" alt="{{.Title}}">
           </div>
           {{ end }}
         </div>
diff --git a/layouts/products/list.html b/layouts/products/list.html
index 012ae30..8aab373 100644
--- a/layouts/products/list.html
+++ b/layouts/products/list.html
@@ -4,19 +4,24 @@
   <div class="container">
     <div class="row">
       <div class="col-12 text-center mb-5">
-        <h1>{{.Title}}</h1>
+        <h1 class="font-weight-bold">{{.Title}}</h1>
       </div>
       {{ range (where .Site.RegularPages "Section" "products") }}
       <div class="col-lg-3 col-md-4 col-sm-6 mb-4">
         <div class="block">
           <div class="gallery-overlay">
             <a href="{{ .Permalink }}" class="gallery-popup">
-              <i class="tf-ion-ios-search"></i>
+              <i class="tf-ion-android-open"></i>
             </a>
           </div>
-          <img class="img-fluid" src="{{ .Params.image | absURL }}" alt="{{.Title}}">
+          <img class="img-fluid" src="{{range first 1 .Params.images}}{{.|absURL}}{{end}}" alt="{{.Title}}">
+        </div>
+        <div class="product-info">
+        <h4 class="mb-2">{{.Title}}</h4>
+        <p class="price">{{if .Params.discount_price}}{{site.Params.currency}}{{.Params.discount_price}}{{else}}{{site.Params.currency}}{{.Params.price}}{{end}}
+          {{if .Params.discount_price}}<s class="price">{{site.Params.currency}}{{ .Params.price }}</s>{{end}}
+          </p>
         </div>
-        <h4 class="text-center">{{.Title}}</h4>
       </div>
       {{ end }}
     </div>
diff --git a/layouts/products/single.html b/layouts/products/single.html
index 67d1840..8651733 100644
--- a/layouts/products/single.html
+++ b/layouts/products/single.html
@@ -4,8 +4,13 @@
   <div class="container">
     <div class="row">
       <div class="col-md-5 mb-4 mb-md-0">
-        <div class="sticky-image">
-          <img class="img-fluid w-100" src="{{ .Params.Image | absURL }}" alt="{{ .Title }}">
+        <!-- product image slider -->
+        <div class="product-image-slider">
+          {{ range .Params.images }}
+          <div data-image="{{ . | absURL }}">
+            <img class="img-fluid w-100" src="{{ . | absURL }}" alt="product-image">
+          </div>
+          {{ end }}
         </div>
       </div>
       <div class="col-lg-6 col-md-7 offset-lg-1">
@@ -16,19 +21,20 @@
         {{if .Params.discount_price}}<s class="price">{{site.Params.currency}}{{ .Params.price }}</s>{{end}}
         </p>
         <button class="snipcart-add-item btn btn-main mb-5" 
-					  data-item-id="{{ .Title | urlize }}__{{if .Params.discount_price}}{{.Params.discount_price}}{{else}}{{.Params.price}}{{end}}"
-						data-item-name="{{ .Title }}"
-						data-item-image="{{ .Params.image | absURL }}"
-						data-item-price="{{if .Params.discount_price}}{{.Params.discount_price}}{{else}}{{.Params.price}}{{end}}" data-item-url="{{ .Permalink }}" 
-						{{ if .Params.colors }}
-						data-item-custom1-name="Choose Color"
-						data-item-custom1-options="{{ range $index, $element:= .Params.colors }}{{ if eq $index 0 }}{{ . | title }}{{ else }}|{{ . | title }}{{ end }}{{ end }}"
-						{{ end }}
-						{{ if .Params.sizes }}
-						data-item-custom2-name="Choose Size"
-						data-item-custom2-options="{{ range $index, $element:= .Params.sizes }}{{ if eq $index 0 }}{{ . | title }}{{ else }}|{{ . | title }}{{ end }}{{ end }}"
-            {{ end }}>{{ i18n "add_to_cart"}}</button>
-            <div class="content">{{.Content}}</div>
+          data-item-id="{{.Title | urlize}}__{{if .Params.discount_price}}{{.Params.discount_price}}{{else}}{{.Params.price}}{{end}}"
+          data-item-name="{{.Title}}"
+          data-item-image="{{range first 1 .Params.Images}}{{. | absURL}}{{end}}"
+          data-item-price="{{if .Params.discount_price}}{{.Params.discount_price}}{{else}}{{.Params.price}}{{end}}" data-item-url="{{.Permalink}}" 
+          {{ if .Params.colors }}
+          data-item-custom1-name="Choose Color"
+          data-item-custom1-options="{{range $index, $element:= .Params.colors}}{{ if eq $index 0 }}{{. | title}}{{ else }}|{{. | title }}{{end}}{{end}}"
+          {{ end }}
+          {{ if .Params.sizes }}
+          data-item-custom2-name="Choose Size"
+          data-item-custom2-options="{{range $index, $element:= .Params.sizes}}{{if eq $index 0}}{{. | title}}{{else}}|{{. | title}}{{end}}{{end}}"
+          {{end}}>{{i18n "add_to_cart"}}
+        </button>
+        <div class="content">{{.Content}}</div>
       </div>
     </div>
   </div>