diff options
| author | somrat-gyver <somrat.gyver@gmail.com> | 2020-07-16 10:52:47 +0300 |
|---|---|---|
| committer | somrat-gyver <somrat.gyver@gmail.com> | 2020-07-16 10:52:47 +0300 |
| commit | bef8a9645bb6458caf57a5dff02dd8b2b711e292 (patch) | |
| tree | 088f3e146ac38b4cbd6689d10def5a97d19cae16 | |
| parent | 31ca7d41430114e5be0d4af18c123681815551db (diff) | |
added terms and privacy page and optimize v2.0 update
35 files changed, 358 insertions, 127 deletions
diff --git a/assets/js/script.js b/assets/js/script.js index 9808007..204655d 100644 --- a/assets/js/script.js +++ b/assets/js/script.js @@ -6,6 +6,19 @@ $(window).on('load', function () { (function ($) { 'use strict'; + + // product Slider + $('.product-image-slider').slick({ + autoplay: false, + infinite: true, + arrows: false, + dots: true, + customPaging: function (slider, i) { + var image = $(slider.$slides[i]).data('image'); + return '<img class="img-fluid" src="' + image + '" alt="product-image">'; + } + }); + // Product slider $('.product-slider').slick({ infinite: true, diff --git a/assets/scss/style.scss b/assets/scss/style.scss index 80ef7e6..dbb2c60 100644 --- a/assets/scss/style.scss +++ b/assets/scss/style.scss @@ -228,17 +228,54 @@ a:active { } .nav-link { - font-size: 14px; + font-size: 16px; font-weight: bold; + padding: 10px 20px !important; } .navbar-light .navbar-nav .nav-link { color: #444; } -/*-- - feature start ---*/ +.lang-list { + border: 0; + margin: 10px 20px; + font-size: 16px; + cursor: pointer; +} + + +/* cart */ +.cart { + background: transparent; + border: 0; + position: relative; + i{ + font-size: 20px; + } + + @include desktop { + position: absolute; + top: 23px; + right: 90px; + } + + .badge { + position: absolute; + top: -5px; + border-radius: 50%; + right: -10px; + + } + &:focus{ + outline: 0; + } +} + +.badge-primary{ + background-color: $primary-color; +} + /*-- Feature-list start --*/ @@ -266,6 +303,7 @@ a:active { &:hover .gallery-overlay { transform: scale(1); opacity: 1; + border-radius: 0; } } @@ -278,12 +316,13 @@ a:active { background: rgba(255, 255, 255, 0.85); text-decoration: none; color: inherit; - -webkit-transform: scale(.5); - transform: scale(.5); - -webkit-transition: all .3s; - transition: all .3s; + -webkit-transform: scale(.7); + transform: scale(.7); + -webkit-transition: .3s ease-in-out; + transition: .3s ease-in-out; z-index: 2; opacity: 0; + border-radius: 50%; .gallery-popup { text-align: center; @@ -426,33 +465,157 @@ s.price { font-family: $secondary-font; } +.product-info { + text-align: center; + + .price { + font-size: 100%; + } +} + // contact list -.contact-list{ - li,a{ +.contact-list { + + li, + a { color: #282828; font-size: 18px; } } -.form-control{ - border: 1px solid #f1f1f1; +.form-control { + border: 1px solid #dadada; border-radius: 35px; - &:focus{ + height: 50px; + + &:focus { border-color: $primary-color; box-shadow: none; } - &::placeholder{ + + &::placeholder { font-size: 80%; } } -textarea.form-control{ - height: 100px; +textarea.form-control { + height: 150px; padding-top: 15px; } -.sticky-image{ +.sticky-image { position: sticky; top: 100px; z-index: 1; +} + + +/* product sinngle page */ + +.product-image-slider { + position: sticky; + top: 80px; + .slick-list { + margin-bottom: 10px; + border-radius: 5px; + } + + .slick-dots { + margin-top: 10px; + padding-left: 0; + display: flex; + + li { + list-style-type: none; + margin: 10px; + border-radius: 5px; + padding: 10px; + cursor: pointer; + + &:first-child { + margin-left: 0; + } + + &:last-child { + margin-right: 0; + } + + img { + max-height: 80px; + height: auto; + max-width: 100%; + } + } + } +} + + + +/* content style */ +.content { + * { + margin-bottom: 20px; + } + + a { + text-decoration: underline; + } + + h1, + h2, + h3, + h4, + h5, + h6 { + margin-bottom: 10px; + } + + ol,ul { + padding-left: 10px; + } + + table { + text-align: left; + width: 100%; + max-width: 100%; + margin-bottom: 1rem; + border: 1px solid #dee2e6; + + th, + td { + padding: .75rem; + vertical-align: top; + border: 1px solid #dee2e6 + } + + thead { + background: darken($color: #dadada, $amount: 2); + } + + tbody { + background: #dadada; + + td { + text-align: left !important; + } + } + } + + + blockquote { + border-left: 1px solid $primary-color; + padding: 20px; + + p { + margin-bottom: 0; + font-style: italic; + font-size: 22px; + font-weight: 500; + } + } + + pre { + padding: 10px 20px; + background: #dadada; + } }
\ No newline at end of file diff --git a/exampleSite/config.toml b/exampleSite/config.toml index 2eebec6..8167499 100644 --- a/exampleSite/config.toml +++ b/exampleSite/config.toml @@ -1,5 +1,5 @@ ################################### Default Configuration ############################ -baseurl = "https://www.example.com/" +baseurl = "http://demo.themefisher.com/vex-hugo/" title = "Vex | hugo landing page template" theme = "vex-hugo" # post excert @@ -61,23 +61,23 @@ weight = 4 # footer menu [[menu.footer]] -name = "Home" -URL = "/" -weight = 1 - -[[menu.footer]] name = "Blog" URL = "blog" -weight = 2 +weight = 1 [[menu.footer]] name = "Contact" URL = "contact" +weight = 2 + +[[menu.footer]] +name = "Terms & Conditions" +URL = "terms-conditions" weight = 3 [[menu.footer]] -name = "Privacy & Policy" -URL = "#" +name = "Privacy Policy" +URL = "privacy-policy" weight = 4 diff --git a/exampleSite/content/english/products/product-1.md b/exampleSite/content/english/products/product-1.md index 3fbc97e..00ecc31 100644 --- a/exampleSite/content/english/products/product-1.md +++ b/exampleSite/content/english/products/product-1.md @@ -1,7 +1,11 @@ --- title: "Apple Watch" date: 2019-10-17T11:22:16+06:00 -image: "images/showcase/showcase-1.png" +images: + - "images/showcase/showcase-1.png" + - "images/showcase/showcase-2.png" + - "images/showcase/showcase-3.png" + - "images/showcase/showcase-4.png" # meta description description : "this is meta description" @@ -17,4 +21,4 @@ sizes : ["small","medium","large"] draft: false --- -Apple Watch is a line of smartwatches produced by Apple Inc. It incorporates fitness tracking and health-oriented capabilities with integration with iOS and other Apple products and services. +Apple Watch is a line of smartwatches produced by Apple Inc. It incorporates fitness tracking and health-oriented capabilities with integration with iOS and other Apple products and services.
\ No newline at end of file diff --git a/exampleSite/content/english/products/product-2.md b/exampleSite/content/english/products/product-2.md index 4247393..3505e3a 100644 --- a/exampleSite/content/english/products/product-2.md +++ b/exampleSite/content/english/products/product-2.md @@ -1,7 +1,11 @@ --- title: "Galaxy Watch" date: 2019-10-17T11:22:16+06:00 -image: "images/showcase/showcase-2.png" +images: + - "images/showcase/showcase-2.png" + - "images/showcase/showcase-1.png" + - "images/showcase/showcase-3.png" + - "images/showcase/showcase-4.png" # meta description description : "this is meta description" diff --git a/exampleSite/content/english/products/product-3.md b/exampleSite/content/english/products/product-3.md index 4205463..7cf5f34 100644 --- a/exampleSite/content/english/products/product-3.md +++ b/exampleSite/content/english/products/product-3.md @@ -1,7 +1,11 @@ --- title: "Xiaomi Watch" date: 2019-10-17T11:22:16+06:00 -image: "images/showcase/showcase-3.png" +images: + - "images/showcase/showcase-3.png" + - "images/showcase/showcase-2.png" + - "images/showcase/showcase-1.png" + - "images/showcase/showcase-4.png" # meta description description : "this is meta description" diff --git a/exampleSite/content/english/products/product-4.md b/exampleSite/content/english/products/product-4.md index 05c8612..31ec721 100644 --- a/exampleSite/content/english/products/product-4.md +++ b/exampleSite/content/english/products/product-4.md @@ -1,7 +1,11 @@ --- title: "Motorola Watch" date: 2019-10-17T11:22:16+06:00 -image: "images/showcase/showcase-4.png" +images: + - "images/showcase/showcase-4.png" + - "images/showcase/showcase-2.png" + - "images/showcase/showcase-3.png" + - "images/showcase/showcase-1.png" # meta description description : "this is meta description" diff --git a/exampleSite/content/english/products/product-5.md b/exampleSite/content/english/products/product-5.md index f0959a0..d018d25 100644 --- a/exampleSite/content/english/products/product-5.md +++ b/exampleSite/content/english/products/product-5.md @@ -2,6 +2,11 @@ title: "Redmi Watch" date: 2019-10-17T11:22:16+06:00 image: "images/showcase/showcase-5.png" +images: + - "images/showcase/showcase-5.png" + - "images/showcase/showcase-2.png" + - "images/showcase/showcase-3.png" + - "images/showcase/showcase-4.png" # meta description description : "this is meta description" diff --git a/exampleSite/content/english/products/product-6.md b/exampleSite/content/english/products/product-6.md index c36ff04..80e7f8c 100644 --- a/exampleSite/content/english/products/product-6.md +++ b/exampleSite/content/english/products/product-6.md @@ -1,7 +1,11 @@ --- title: "Realme Watch" date: 2019-10-17T11:22:16+06:00 -image: "images/showcase/showcase-1.png" +images: + - "images/showcase/showcase-6.png" + - "images/showcase/showcase-2.png" + - "images/showcase/showcase-3.png" + - "images/showcase/showcase-4.png" # meta description description : "this is meta description" diff --git a/exampleSite/content/english/products/product-7.md b/exampleSite/content/english/products/product-7.md index 7a90836..42a1581 100644 --- a/exampleSite/content/english/products/product-7.md +++ b/exampleSite/content/english/products/product-7.md @@ -1,7 +1,11 @@ --- title: "OnePlus Watch" date: 2019-10-17T11:22:16+06:00 -image: "images/showcase/showcase-7.png" +images: + - "images/showcase/showcase-7.png" + - "images/showcase/showcase-5.png" + - "images/showcase/showcase-3.png" + - "images/showcase/showcase-4.png" # meta description description : "this is meta description" diff --git a/exampleSite/content/english/products/product-8.md b/exampleSite/content/english/products/product-8.md index 02c1f0e..4bbb340 100644 --- a/exampleSite/content/english/products/product-8.md +++ b/exampleSite/content/english/products/product-8.md @@ -1,7 +1,11 @@ --- title: "Oppo Watch" date: 2019-10-17T11:22:16+06:00 -image: "images/showcase/showcase-8.png" +images: + - "images/showcase/showcase-8.png" + - "images/showcase/showcase-6.png" + - "images/showcase/showcase-2.png" + - "images/showcase/showcase-1.png" # meta description description : "this is meta description" diff --git a/exampleSite/content/french/products/_index.md b/exampleSite/content/french/products/_index.md index 22cf4eb..f081ac3 100644 --- a/exampleSite/content/french/products/_index.md +++ b/exampleSite/content/french/products/_index.md @@ -3,3 +3,4 @@ title: "All latest Smart Watch" description : "this is a meta description" draft: false --- + diff --git a/exampleSite/content/french/products/product-1.md b/exampleSite/content/french/products/product-1.md index 3fbc97e..00ecc31 100644 --- a/exampleSite/content/french/products/product-1.md +++ b/exampleSite/content/french/products/product-1.md @@ -1,7 +1,11 @@ --- title: "Apple Watch" date: 2019-10-17T11:22:16+06:00 -image: "images/showcase/showcase-1.png" +images: + - "images/showcase/showcase-1.png" + - "images/showcase/showcase-2.png" + - "images/showcase/showcase-3.png" + - "images/showcase/showcase-4.png" # meta description description : "this is meta description" @@ -17,4 +21,4 @@ sizes : ["small","medium","large"] draft: false --- -Apple Watch is a line of smartwatches produced by Apple Inc. It incorporates fitness tracking and health-oriented capabilities with integration with iOS and other Apple products and services. +Apple Watch is a line of smartwatches produced by Apple Inc. It incorporates fitness tracking and health-oriented capabilities with integration with iOS and other Apple products and services.
\ No newline at end of file diff --git a/exampleSite/content/french/products/product-2.md b/exampleSite/content/french/products/product-2.md index 4247393..3505e3a 100644 --- a/exampleSite/content/french/products/product-2.md +++ b/exampleSite/content/french/products/product-2.md @@ -1,7 +1,11 @@ --- title: "Galaxy Watch" date: 2019-10-17T11:22:16+06:00 -image: "images/showcase/showcase-2.png" +images: + - "images/showcase/showcase-2.png" + - "images/showcase/showcase-1.png" + - "images/showcase/showcase-3.png" + - "images/showcase/showcase-4.png" # meta description description : "this is meta description" diff --git a/exampleSite/content/french/products/product-3.md b/exampleSite/content/french/products/product-3.md index 4205463..7cf5f34 100644 --- a/exampleSite/content/french/products/product-3.md +++ b/exampleSite/content/french/products/product-3.md @@ -1,7 +1,11 @@ --- title: "Xiaomi Watch" date: 2019-10-17T11:22:16+06:00 -image: "images/showcase/showcase-3.png" +images: + - "images/showcase/showcase-3.png" + - "images/showcase/showcase-2.png" + - "images/showcase/showcase-1.png" + - "images/showcase/showcase-4.png" # meta description description : "this is meta description" diff --git a/exampleSite/content/french/products/product-4.md b/exampleSite/content/french/products/product-4.md index 05c8612..31ec721 100644 --- a/exampleSite/content/french/products/product-4.md +++ b/exampleSite/content/french/products/product-4.md @@ -1,7 +1,11 @@ --- title: "Motorola Watch" date: 2019-10-17T11:22:16+06:00 -image: "images/showcase/showcase-4.png" +images: + - "images/showcase/showcase-4.png" + - "images/showcase/showcase-2.png" + - "images/showcase/showcase-3.png" + - "images/showcase/showcase-1.png" # meta description description : "this is meta description" diff --git a/exampleSite/content/french/products/product-5.md b/exampleSite/content/french/products/product-5.md index f0959a0..d018d25 100644 --- a/exampleSite/content/french/products/product-5.md +++ b/exampleSite/content/french/products/product-5.md @@ -2,6 +2,11 @@ title: "Redmi Watch" date: 2019-10-17T11:22:16+06:00 image: "images/showcase/showcase-5.png" +images: + - "images/showcase/showcase-5.png" + - "images/showcase/showcase-2.png" + - "images/showcase/showcase-3.png" + - "images/showcase/showcase-4.png" # meta description description : "this is meta description" diff --git a/exampleSite/content/french/products/product-6.md b/exampleSite/content/french/products/product-6.md index c36ff04..80e7f8c 100644 --- a/exampleSite/content/french/products/product-6.md +++ b/exampleSite/content/french/products/product-6.md @@ -1,7 +1,11 @@ --- title: "Realme Watch" date: 2019-10-17T11:22:16+06:00 -image: "images/showcase/showcase-1.png" +images: + - "images/showcase/showcase-6.png" + - "images/showcase/showcase-2.png" + - "images/showcase/showcase-3.png" + - "images/showcase/showcase-4.png" # meta description description : "this is meta description" diff --git a/exampleSite/content/french/products/product-7.md b/exampleSite/content/french/products/product-7.md index 7a90836..42a1581 100644 --- a/exampleSite/content/french/products/product-7.md +++ b/exampleSite/content/french/products/product-7.md @@ -1,7 +1,11 @@ --- title: "OnePlus Watch" date: 2019-10-17T11:22:16+06:00 -image: "images/showcase/showcase-7.png" +images: + - "images/showcase/showcase-7.png" + - "images/showcase/showcase-5.png" + - "images/showcase/showcase-3.png" + - "images/showcase/showcase-4.png" # meta description description : "this is meta description" diff --git a/exampleSite/content/french/products/product-8.md b/exampleSite/content/french/products/product-8.md index 02c1f0e..4bbb340 100644 --- a/exampleSite/content/french/products/product-8.md +++ b/exampleSite/content/french/products/product-8.md @@ -1,7 +1,11 @@ --- title: "Oppo Watch" date: 2019-10-17T11:22:16+06:00 -image: "images/showcase/showcase-8.png" +images: + - "images/showcase/showcase-8.png" + - "images/showcase/showcase-6.png" + - "images/showcase/showcase-2.png" + - "images/showcase/showcase-1.png" # meta description description : "this is meta description" diff --git a/exampleSite/data/en/homepage.yml b/exampleSite/data/en/homepage.yml index 67ec851..889952a 100644 --- a/exampleSite/data/en/homepage.yml +++ b/exampleSite/data/en/homepage.yml @@ -4,15 +4,10 @@ banner: title : "Believe in Technology, Make the change" content : "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas, modi fugit in veritatis labore perferendis. Minima hic at, nostrum nihil!" image : "images/watch.png" - button: "Buy Now With $199" - -############################## product ########################### -product: - name : "Smart watch" - image : "images/watch.png" - price : "199" - colors : ["black","white","gray"] - sizes : ["small","medium","large"] + button: + enable : true + label : "Browse All Products" + link : "products" ############################# Feature ############################ features: diff --git a/exampleSite/data/fr/homepage.yml b/exampleSite/data/fr/homepage.yml index 67ec851..889952a 100644 --- a/exampleSite/data/fr/homepage.yml +++ b/exampleSite/data/fr/homepage.yml @@ -4,15 +4,10 @@ banner: title : "Believe in Technology, Make the change" content : "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas, modi fugit in veritatis labore perferendis. Minima hic at, nostrum nihil!" image : "images/watch.png" - button: "Buy Now With $199" - -############################## product ########################### -product: - name : "Smart watch" - image : "images/watch.png" - price : "199" - colors : ["black","white","gray"] - sizes : ["small","medium","large"] + button: + enable : true + label : "Browse All Products" + link : "products" ############################# Feature ############################ features: diff --git a/exampleSite/resources/_gen/assets/scss/scss/style.scss_b95b077eb505d5c0aff8055eaced30ad.content b/exampleSite/resources/_gen/assets/scss/scss/style.scss_b95b077eb505d5c0aff8055eaced30ad.content index f46eeb6..d82d1f6 100644 --- a/exampleSite/resources/_gen/assets/scss/scss/style.scss_b95b077eb505d5c0aff8055eaced30ad.content +++ b/exampleSite/resources/_gen/assets/scss/scss/style.scss_b95b077eb505d5c0aff8055eaced30ad.content @@ -1 +1 @@ -body{font-size:14px;font-weight:300;line-height:25px;color:#3b4045;font-family:josefin sans,sans-serif;-webkit-font-smoothing:antialiased}.preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:999999;display:flex;align-items:center;justify-content:center}h1,h2,h3,h4,h5,h6{font-weight:300;margin:0}h1,.h1{font-size:44px;line-height:56px}h2,.h2{font-size:30px;line-height:35px}h3,.h3{font-size:23px;line-height:25px}h4,.h4{font-size:20px;line-height:24px;font-weight:400}p{font-size:18px;line-height:25px}ul{padding:0;margin:0;list-style:none}a{-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s}.mt-100{margin-top:100px}.bg-1{background-image:url(../images/call-to-action.jpg)}.bg-orange{background:#f9a743}.bg-opacity{position:relative}.bg-opacity:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7)}a:focus,.btn:focus,.btn:active:focus{box-shadow:none;outline:0}a,a:active,a:focus,a:active{text-decoration:none}.section{padding:100px 0}.font-size-60{font-size:60px;line-height:1.2}@media(max-width:575px){.font-size-60{font-size:40px}}.mb-10{margin-bottom:10px}.mb-40{margin-bottom:40px}.slick-slide{outline:0}.text-center{text-align:center}.heading{text-align:center;color:#777;padding-bottom:70px}.heading h2{color:#3c3c3c;padding-bottom:15px;text-transform:capitalize;font-weight:700;font-size:40px;line-height:40px}.heading p{font-size:17px;line-height:24px;font-weight:300}.subheading{color:#3c3c3c;padding-bottom:15px;text-transform:capitalize;font-weight:500;font-size:32px;line-height:45px}.btn{border-radius:0}.btn-main{color:#fff;border-radius:30px;font-size:18px;padding:15px 40px;display:inline-block;background-color:#f9a743;box-shadow:0 15px 40px rgba(249,167,68,.5);background-image:linear-gradient(bottom,rgba(255,239,206,0) 0%,rgba(255,239,206,0.25) 100%)}.btn-main:hover,.btn-main:focus{background-color:#f9a743;color:#fff}.btn-main-sm{padding:12px 35px;text-transform:uppercase;font-size:14px;font-weight:700}.navbar-brand{color:#444;font-size:25px;margin:0;line-height:1}.nav-link{font-size:14px;font-weight:700}.navbar-light .navbar-nav .nav-link{color:#444}.feature-list .btn-main{margin-top:15px}.gallery{padding-bottom:100px}.gallery .owl-item{overflow:hidden;position:relative}.gallery .block{padding:20px;position:relative}.gallery .block:hover .gallery-overlay{transform:scale(1);opacity:1}.gallery .gallery-overlay{position:absolute;bottom:15px;left:15px;right:15px;top:15px;background:rgba(255,255,255,.85);text-decoration:none;color:inherit;-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-transition:all .3s;transition:all .3s;z-index:2;opacity:0}.gallery .gallery-overlay .gallery-popup{text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#f9a743;padding:5px 10px;border-radius:40px;width:50px;height:50px}.gallery .gallery-overlay .gallery-popup i{color:#fff;font-size:30px;line-height:40px;display:inline-block}.testimonials .testimonial-block{padding:0 10px}.testimonials .testimonial-block i{font-size:40px;display:inline-block;margin-bottom:20px;color:#f9a743}.testimonials .testimonial-block p{font-family:droid serif,serif;font-size:14px;color:#777}.testimonials .testimonial-block .author-details{margin-top:30px}.testimonials .testimonial-block .author-details img{border-radius:50%;width:50px}.testimonials .testimonial-block .author-details h4{font-weight:700;font-size:20px;margin-top:10px}.call-to-action{background-attachment:fixed;background-repeat:no-repeat;background-size:cover}.input-group{margin-top:30px;position:relative}.input-group .btn-submit{padding:10.5px 40px!important;position:absolute;border-top-left-radius:0;border-bottom-left-radius:0;top:0;right:0}.input-group input{height:50px;border-radius:40px;border:none;padding-left:15px;box-shadow:none;display:table-cell}.footer-menu a{font-size:14;font-weight:700;color:#444;padding:10px}footer{text-align:center;background:#f4f4f4;padding:50px 0}footer .footer-logo{color:#555;display:block}footer p.copyright-text{font-weight:300;font-size:12px;color:#888;letter-spacing:3px;margin-top:15px}footer p.copyright-text a{color:#282828}footer p.copyright-text a:hover{text-decoration:none}p.price{font-size:30px;font-family:droid serif,serif}s.price{color:red;font-size:25px;font-family:droid serif,serif}.contact-list li,.contact-list a{color:#282828;font-size:18px}.form-control{border:1px solid #f1f1f1;border-radius:35px}.form-control:focus{border-color:#f9a743;box-shadow:none}.form-control::placeholder{font-size:80%}textarea.form-control{height:100px;padding-top:15px}.sticky-image{position:sticky;top:100px;z-index:1}
\ No newline at end of file +body{font-size:14px;font-weight:300;line-height:25px;color:#3b4045;font-family:josefin sans,sans-serif;-webkit-font-smoothing:antialiased}.preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:999999;display:flex;align-items:center;justify-content:center}h1,h2,h3,h4,h5,h6{font-weight:300;margin:0}h1,.h1{font-size:44px;line-height:56px}h2,.h2{font-size:30px;line-height:35px}h3,.h3{font-size:23px;line-height:25px}h4,.h4{font-size:20px;line-height:24px;font-weight:400}p{font-size:18px;line-height:25px}ul{padding:0;margin:0;list-style:none}a{-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s}.mt-100{margin-top:100px}.bg-1{background-image:url(../images/call-to-action.jpg)}.bg-orange{background:#f9a743}.bg-opacity{position:relative}.bg-opacity:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7)}a:focus,.btn:focus,.btn:active:focus{box-shadow:none;outline:0}a,a:active,a:focus,a:active{text-decoration:none}.section{padding:100px 0}.font-size-60{font-size:60px;line-height:1.2}@media(max-width:575px){.font-size-60{font-size:40px}}.mb-10{margin-bottom:10px}.mb-40{margin-bottom:40px}.slick-slide{outline:0}.text-center{text-align:center}.heading{text-align:center;color:#777;padding-bottom:70px}.heading h2{color:#3c3c3c;padding-bottom:15px;text-transform:capitalize;font-weight:700;font-size:40px;line-height:40px}.heading p{font-size:17px;line-height:24px;font-weight:300}.subheading{color:#3c3c3c;padding-bottom:15px;text-transform:capitalize;font-weight:500;font-size:32px;line-height:45px}.btn{border-radius:0}.btn-main{color:#fff;border-radius:30px;font-size:18px;padding:15px 40px;display:inline-block;background-color:#f9a743;box-shadow:0 15px 40px rgba(249,167,68,.5);background-image:linear-gradient(bottom,rgba(255,239,206,0) 0%,rgba(255,239,206,0.25) 100%)}.btn-main:hover,.btn-main:focus{background-color:#f9a743;color:#fff}.btn-main-sm{padding:12px 35px;text-transform:uppercase;font-size:14px;font-weight:700}.navbar-brand{color:#444;font-size:25px;margin:0;line-height:1}.nav-link{font-size:16px;font-weight:700;padding:10px 20px!important}.navbar-light .navbar-nav .nav-link{color:#444}.lang-list{border:0;margin:10px 20px;font-size:16px;cursor:pointer}.cart{background:0 0;border:0;position:relative}.cart i{font-size:20px}@media(max-width:991px){.cart{position:absolute;top:23px;right:90px}}.cart .badge{position:absolute;top:-5px;border-radius:50%;right:-10px}.cart:focus{outline:0}.badge-primary{background-color:#f9a743}.feature-list .btn-main{margin-top:15px}.gallery{padding-bottom:100px}.gallery .owl-item{overflow:hidden;position:relative}.gallery .block{padding:20px;position:relative}.gallery .block:hover .gallery-overlay{transform:scale(1);opacity:1;border-radius:0}.gallery .gallery-overlay{position:absolute;bottom:15px;left:15px;right:15px;top:15px;background:rgba(255,255,255,.85);text-decoration:none;color:inherit;-webkit-transform:scale(0.7);transform:scale(0.7);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;z-index:2;opacity:0;border-radius:50%}.gallery .gallery-overlay .gallery-popup{text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#f9a743;padding:5px 10px;border-radius:40px;width:50px;height:50px}.gallery .gallery-overlay .gallery-popup i{color:#fff;font-size:30px;line-height:40px;display:inline-block}.testimonials .testimonial-block{padding:0 10px}.testimonials .testimonial-block i{font-size:40px;display:inline-block;margin-bottom:20px;color:#f9a743}.testimonials .testimonial-block p{font-family:droid serif,serif;font-size:14px;color:#777}.testimonials .testimonial-block .author-details{margin-top:30px}.testimonials .testimonial-block .author-details img{border-radius:50%;width:50px}.testimonials .testimonial-block .author-details h4{font-weight:700;font-size:20px;margin-top:10px}.call-to-action{background-attachment:fixed;background-repeat:no-repeat;background-size:cover}.input-group{margin-top:30px;position:relative}.input-group .btn-submit{padding:10.5px 40px!important;position:absolute;border-top-left-radius:0;border-bottom-left-radius:0;top:0;right:0}.input-group input{height:50px;border-radius:40px;border:none;padding-left:15px;box-shadow:none;display:table-cell}.footer-menu a{font-size:14;font-weight:700;color:#444;padding:10px}footer{text-align:center;background:#f4f4f4;padding:50px 0}footer .footer-logo{color:#555;display:block}footer p.copyright-text{font-weight:300;font-size:12px;color:#888;letter-spacing:3px;margin-top:15px}footer p.copyright-text a{color:#282828}footer p.copyright-text a:hover{text-decoration:none}p.price{font-size:30px;font-family:droid serif,serif}s.price{color:red;font-size:25px;font-family:droid serif,serif}.product-info{text-align:center}.product-info .price{font-size:100%}.contact-list li,.contact-list a{color:#282828;font-size:18px}.form-control{border:1px solid #dadada;border-radius:35px;height:50px}.form-control:focus{border-color:#f9a743;box-shadow:none}.form-control::placeholder{font-size:80%}textarea.form-control{height:150px;padding-top:15px}.sticky-image{position:sticky;top:100px;z-index:1}.product-image-slider{position:sticky;top:80px}.product-image-slider .slick-list{margin-bottom:10px;border-radius:5px}.product-image-slider .slick-dots{margin-top:10px;padding-left:0;display:flex}.product-image-slider .slick-dots li{list-style-type:none;margin:10px;border-radius:5px;padding:10px;cursor:pointer}.product-image-slider .slick-dots li:first-child{margin-left:0}.product-image-slider .slick-dots li:last-child{margin-right:0}.product-image-slider .slick-dots li img{max-height:80px;height:auto;max-width:100%}.content *{margin-bottom:20px}.content a{text-decoration:underline}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{margin-bottom:10px}.content ol,.content ul{padding-left:10px}.content table{text-align:left;width:100%;max-width:100%;margin-bottom:1rem;border:1px solid #dee2e6}.content table th,.content table td{padding:.75rem;vertical-align:top;border:1px solid #dee2e6}.content table thead{background:#d5d5d5}.content table tbody{background:#dadada}.content table tbody td{text-align:left!important}.content blockquote{border-left:1px solid #f9a743;padding:20px}.content blockquote p{margin-bottom:0;font-style:italic;font-size:22px;font-weight:500}.content pre{padding:10px 20px;background:#dadada}
\ No newline at end of file diff --git a/exampleSite/resources/_gen/assets/scss/vex-hugo/scss/style.scss_b95b077eb505d5c0aff8055eaced30ad.content b/exampleSite/resources/_gen/assets/scss/vex-hugo/scss/style.scss_b95b077eb505d5c0aff8055eaced30ad.content index f46eeb6..d82d1f6 100644 --- a/exampleSite/resources/_gen/assets/scss/vex-hugo/scss/style.scss_b95b077eb505d5c0aff8055eaced30ad.content +++ b/exampleSite/resources/_gen/assets/scss/vex-hugo/scss/style.scss_b95b077eb505d5c0aff8055eaced30ad.content @@ -1 +1 @@ -body{font-size:14px;font-weight:300;line-height:25px;color:#3b4045;font-family:josefin sans,sans-serif;-webkit-font-smoothing:antialiased}.preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:999999;display:flex;align-items:center;justify-content:center}h1,h2,h3,h4,h5,h6{font-weight:300;margin:0}h1,.h1{font-size:44px;line-height:56px}h2,.h2{font-size:30px;line-height:35px}h3,.h3{font-size:23px;line-height:25px}h4,.h4{font-size:20px;line-height:24px;font-weight:400}p{font-size:18px;line-height:25px}ul{padding:0;margin:0;list-style:none}a{-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s}.mt-100{margin-top:100px}.bg-1{background-image:url(../images/call-to-action.jpg)}.bg-orange{background:#f9a743}.bg-opacity{position:relative}.bg-opacity:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7)}a:focus,.btn:focus,.btn:active:focus{box-shadow:none;outline:0}a,a:active,a:focus,a:active{text-decoration:none}.section{padding:100px 0}.font-size-60{font-size:60px;line-height:1.2}@media(max-width:575px){.font-size-60{font-size:40px}}.mb-10{margin-bottom:10px}.mb-40{margin-bottom:40px}.slick-slide{outline:0}.text-center{text-align:center}.heading{text-align:center;color:#777;padding-bottom:70px}.heading h2{color:#3c3c3c;padding-bottom:15px;text-transform:capitalize;font-weight:700;font-size:40px;line-height:40px}.heading p{font-size:17px;line-height:24px;font-weight:300}.subheading{color:#3c3c3c;padding-bottom:15px;text-transform:capitalize;font-weight:500;font-size:32px;line-height:45px}.btn{border-radius:0}.btn-main{color:#fff;border-radius:30px;font-size:18px;padding:15px 40px;display:inline-block;background-color:#f9a743;box-shadow:0 15px 40px rgba(249,167,68,.5);background-image:linear-gradient(bottom,rgba(255,239,206,0) 0%,rgba(255,239,206,0.25) 100%)}.btn-main:hover,.btn-main:focus{background-color:#f9a743;color:#fff}.btn-main-sm{padding:12px 35px;text-transform:uppercase;font-size:14px;font-weight:700}.navbar-brand{color:#444;font-size:25px;margin:0;line-height:1}.nav-link{font-size:14px;font-weight:700}.navbar-light .navbar-nav .nav-link{color:#444}.feature-list .btn-main{margin-top:15px}.gallery{padding-bottom:100px}.gallery .owl-item{overflow:hidden;position:relative}.gallery .block{padding:20px;position:relative}.gallery .block:hover .gallery-overlay{transform:scale(1);opacity:1}.gallery .gallery-overlay{position:absolute;bottom:15px;left:15px;right:15px;top:15px;background:rgba(255,255,255,.85);text-decoration:none;color:inherit;-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-transition:all .3s;transition:all .3s;z-index:2;opacity:0}.gallery .gallery-overlay .gallery-popup{text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#f9a743;padding:5px 10px;border-radius:40px;width:50px;height:50px}.gallery .gallery-overlay .gallery-popup i{color:#fff;font-size:30px;line-height:40px;display:inline-block}.testimonials .testimonial-block{padding:0 10px}.testimonials .testimonial-block i{font-size:40px;display:inline-block;margin-bottom:20px;color:#f9a743}.testimonials .testimonial-block p{font-family:droid serif,serif;font-size:14px;color:#777}.testimonials .testimonial-block .author-details{margin-top:30px}.testimonials .testimonial-block .author-details img{border-radius:50%;width:50px}.testimonials .testimonial-block .author-details h4{font-weight:700;font-size:20px;margin-top:10px}.call-to-action{background-attachment:fixed;background-repeat:no-repeat;background-size:cover}.input-group{margin-top:30px;position:relative}.input-group .btn-submit{padding:10.5px 40px!important;position:absolute;border-top-left-radius:0;border-bottom-left-radius:0;top:0;right:0}.input-group input{height:50px;border-radius:40px;border:none;padding-left:15px;box-shadow:none;display:table-cell}.footer-menu a{font-size:14;font-weight:700;color:#444;padding:10px}footer{text-align:center;background:#f4f4f4;padding:50px 0}footer .footer-logo{color:#555;display:block}footer p.copyright-text{font-weight:300;font-size:12px;color:#888;letter-spacing:3px;margin-top:15px}footer p.copyright-text a{color:#282828}footer p.copyright-text a:hover{text-decoration:none}p.price{font-size:30px;font-family:droid serif,serif}s.price{color:red;font-size:25px;font-family:droid serif,serif}.contact-list li,.contact-list a{color:#282828;font-size:18px}.form-control{border:1px solid #f1f1f1;border-radius:35px}.form-control:focus{border-color:#f9a743;box-shadow:none}.form-control::placeholder{font-size:80%}textarea.form-control{height:100px;padding-top:15px}.sticky-image{position:sticky;top:100px;z-index:1}
\ No newline at end of file +body{font-size:14px;font-weight:300;line-height:25px;color:#3b4045;font-family:josefin sans,sans-serif;-webkit-font-smoothing:antialiased}.preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:999999;display:flex;align-items:center;justify-content:center}h1,h2,h3,h4,h5,h6{font-weight:300;margin:0}h1,.h1{font-size:44px;line-height:56px}h2,.h2{font-size:30px;line-height:35px}h3,.h3{font-size:23px;line-height:25px}h4,.h4{font-size:20px;line-height:24px;font-weight:400}p{font-size:18px;line-height:25px}ul{padding:0;margin:0;list-style:none}a{-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s}.mt-100{margin-top:100px}.bg-1{background-image:url(../images/call-to-action.jpg)}.bg-orange{background:#f9a743}.bg-opacity{position:relative}.bg-opacity:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7)}a:focus,.btn:focus,.btn:active:focus{box-shadow:none;outline:0}a,a:active,a:focus,a:active{text-decoration:none}.section{padding:100px 0}.font-size-60{font-size:60px;line-height:1.2}@media(max-width:575px){.font-size-60{font-size:40px}}.mb-10{margin-bottom:10px}.mb-40{margin-bottom:40px}.slick-slide{outline:0}.text-center{text-align:center}.heading{text-align:center;color:#777;padding-bottom:70px}.heading h2{color:#3c3c3c;padding-bottom:15px;text-transform:capitalize;font-weight:700;font-size:40px;line-height:40px}.heading p{font-size:17px;line-height:24px;font-weight:300}.subheading{color:#3c3c3c;padding-bottom:15px;text-transform:capitalize;font-weight:500;font-size:32px;line-height:45px}.btn{border-radius:0}.btn-main{color:#fff;border-radius:30px;font-size:18px;padding:15px 40px;display:inline-block;background-color:#f9a743;box-shadow:0 15px 40px rgba(249,167,68,.5);background-image:linear-gradient(bottom,rgba(255,239,206,0) 0%,rgba(255,239,206,0.25) 100%)}.btn-main:hover,.btn-main:focus{background-color:#f9a743;color:#fff}.btn-main-sm{padding:12px 35px;text-transform:uppercase;font-size:14px;font-weight:700}.navbar-brand{color:#444;font-size:25px;margin:0;line-height:1}.nav-link{font-size:16px;font-weight:700;padding:10px 20px!important}.navbar-light .navbar-nav .nav-link{color:#444}.lang-list{border:0;margin:10px 20px;font-size:16px;cursor:pointer}.cart{background:0 0;border:0;position:relative}.cart i{font-size:20px}@media(max-width:991px){.cart{position:absolute;top:23px;right:90px}}.cart .badge{position:absolute;top:-5px;border-radius:50%;right:-10px}.cart:focus{outline:0}.badge-primary{background-color:#f9a743}.feature-list .btn-main{margin-top:15px}.gallery{padding-bottom:100px}.gallery .owl-item{overflow:hidden;position:relative}.gallery .block{padding:20px;position:relative}.gallery .block:hover .gallery-overlay{transform:scale(1);opacity:1;border-radius:0}.gallery .gallery-overlay{position:absolute;bottom:15px;left:15px;right:15px;top:15px;background:rgba(255,255,255,.85);text-decoration:none;color:inherit;-webkit-transform:scale(0.7);transform:scale(0.7);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;z-index:2;opacity:0;border-radius:50%}.gallery .gallery-overlay .gallery-popup{text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#f9a743;padding:5px 10px;border-radius:40px;width:50px;height:50px}.gallery .gallery-overlay .gallery-popup i{color:#fff;font-size:30px;line-height:40px;display:inline-block}.testimonials .testimonial-block{padding:0 10px}.testimonials .testimonial-block i{font-size:40px;display:inline-block;margin-bottom:20px;color:#f9a743}.testimonials .testimonial-block p{font-family:droid serif,serif;font-size:14px;color:#777}.testimonials .testimonial-block .author-details{margin-top:30px}.testimonials .testimonial-block .author-details img{border-radius:50%;width:50px}.testimonials .testimonial-block .author-details h4{font-weight:700;font-size:20px;margin-top:10px}.call-to-action{background-attachment:fixed;background-repeat:no-repeat;background-size:cover}.input-group{margin-top:30px;position:relative}.input-group .btn-submit{padding:10.5px 40px!important;position:absolute;border-top-left-radius:0;border-bottom-left-radius:0;top:0;right:0}.input-group input{height:50px;border-radius:40px;border:none;padding-left:15px;box-shadow:none;display:table-cell}.footer-menu a{font-size:14;font-weight:700;color:#444;padding:10px}footer{text-align:center;background:#f4f4f4;padding:50px 0}footer .footer-logo{color:#555;display:block}footer p.copyright-text{font-weight:300;font-size:12px;color:#888;letter-spacing:3px;margin-top:15px}footer p.copyright-text a{color:#282828}footer p.copyright-text a:hover{text-decoration:none}p.price{font-size:30px;font-family:droid serif,serif}s.price{color:red;font-size:25px;font-family:droid serif,serif}.product-info{text-align:center}.product-info .price{font-size:100%}.contact-list li,.contact-list a{color:#282828;font-size:18px}.form-control{border:1px solid #dadada;border-radius:35px;height:50px}.form-control:focus{border-color:#f9a743;box-shadow:none}.form-control::placeholder{font-size:80%}textarea.form-control{height:150px;padding-top:15px}.sticky-image{position:sticky;top:100px;z-index:1}.product-image-slider{position:sticky;top:80px}.product-image-slider .slick-list{margin-bottom:10px;border-radius:5px}.product-image-slider .slick-dots{margin-top:10px;padding-left:0;display:flex}.product-image-slider .slick-dots li{list-style-type:none;margin:10px;border-radius:5px;padding:10px;cursor:pointer}.product-image-slider .slick-dots li:first-child{margin-left:0}.product-image-slider .slick-dots li:last-child{margin-right:0}.product-image-slider .slick-dots li img{max-height:80px;height:auto;max-width:100%}.content *{margin-bottom:20px}.content a{text-decoration:underline}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{margin-bottom:10px}.content ol,.content ul{padding-left:10px}.content table{text-align:left;width:100%;max-width:100%;margin-bottom:1rem;border:1px solid #dee2e6}.content table th,.content table td{padding:.75rem;vertical-align:top;border:1px solid #dee2e6}.content table thead{background:#d5d5d5}.content table tbody{background:#dadada}.content table tbody td{text-align:left!important}.content blockquote{border-left:1px solid #f9a743;padding:20px}.content blockquote p{margin-bottom:0;font-style:italic;font-size:22px;font-weight:500}.content pre{padding:10px 20px;background:#dadada}
\ No newline at end of file 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> diff --git a/static/plugins/slick/ajax-loader.gif b/static/plugins/slick/ajax-loader.gif Binary files differdeleted file mode 100644 index e0e6e97..0000000 --- a/static/plugins/slick/ajax-loader.gif +++ /dev/null diff --git a/static/plugins/slick/fonts/slick.eot b/static/plugins/slick/fonts/slick.eot Binary files differdeleted file mode 100644 index 2cbab9c..0000000 --- a/static/plugins/slick/fonts/slick.eot +++ /dev/null diff --git a/static/plugins/slick/fonts/slick.svg b/static/plugins/slick/fonts/slick.svg deleted file mode 100644 index b36a66a..0000000 --- a/static/plugins/slick/fonts/slick.svg +++ /dev/null @@ -1,14 +0,0 @@ -<?xml version="1.0" standalone="no"?> -<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> -<svg xmlns="http://www.w3.org/2000/svg"> -<metadata>Generated by Fontastic.me</metadata> -<defs> -<font id="slick" horiz-adv-x="512"> -<font-face font-family="slick" units-per-em="512" ascent="480" descent="-32"/> -<missing-glyph horiz-adv-x="512" /> - -<glyph unicode="→" d="M241 113l130 130c4 4 6 8 6 13 0 5-2 9-6 13l-130 130c-3 3-7 5-12 5-5 0-10-2-13-5l-29-30c-4-3-6-7-6-12 0-5 2-10 6-13l87-88-87-88c-4-3-6-8-6-13 0-5 2-9 6-12l29-30c3-3 8-5 13-5 5 0 9 2 12 5z m234 143c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/> -<glyph unicode="←" d="M296 113l29 30c4 3 6 7 6 12 0 5-2 10-6 13l-87 88 87 88c4 3 6 8 6 13 0 5-2 9-6 12l-29 30c-3 3-8 5-13 5-5 0-9-2-12-5l-130-130c-4-4-6-8-6-13 0-5 2-9 6-13l130-130c3-3 7-5 12-5 5 0 10 2 13 5z m179 143c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/> -<glyph unicode="•" d="M475 256c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/> -<glyph unicode="a" d="M475 439l0-128c0-5-1-9-5-13-4-4-8-5-13-5l-128 0c-8 0-13 3-17 11-3 7-2 14 4 20l40 39c-28 26-62 39-100 39-20 0-39-4-57-11-18-8-33-18-46-32-14-13-24-28-32-46-7-18-11-37-11-57 0-20 4-39 11-57 8-18 18-33 32-46 13-14 28-24 46-32 18-7 37-11 57-11 23 0 44 5 64 15 20 9 38 23 51 42 2 1 4 3 7 3 3 0 5-1 7-3l39-39c2-2 3-3 3-6 0-2-1-4-2-6-21-25-46-45-76-59-29-14-60-20-93-20-30 0-58 5-85 17-27 12-51 27-70 47-20 19-35 43-47 70-12 27-17 55-17 85 0 30 5 58 17 85 12 27 27 51 47 70 19 20 43 35 70 47 27 12 55 17 85 17 28 0 55-5 81-15 26-11 50-26 70-45l37 37c6 6 12 7 20 4 8-4 11-9 11-17z"/> -</font></defs></svg> diff --git a/static/plugins/slick/fonts/slick.ttf b/static/plugins/slick/fonts/slick.ttf Binary files differdeleted file mode 100644 index 9d03461..0000000 --- a/static/plugins/slick/fonts/slick.ttf +++ /dev/null diff --git a/static/plugins/slick/fonts/slick.woff b/static/plugins/slick/fonts/slick.woff Binary files differdeleted file mode 100644 index 8ee9972..0000000 --- a/static/plugins/slick/fonts/slick.woff +++ /dev/null |
