Started to add in Less CSS support
Mark Moffat
parent
32ea7da4da
commit
a5dcc7624b
17
gulpfile.js
17
gulpfile.js
|
|
@ -1,13 +1,22 @@
|
|||
const { src, dest, series } = require('gulp');
|
||||
const gulp = require('gulp');
|
||||
const less = require('gulp-less');
|
||||
const cleanCSS = require('gulp-clean-css');
|
||||
const minify = require('gulp-minify');
|
||||
const rename = require('gulp-rename');
|
||||
|
||||
function less(){
|
||||
function lessCss(){
|
||||
return gulp.src('public/stylesheets/less/**/*.less')
|
||||
.pipe(less())
|
||||
.pipe(gulp.dest('./'));
|
||||
.pipe(less({
|
||||
paths: [
|
||||
'public/stylesheets/less'
|
||||
]
|
||||
}))
|
||||
.pipe(rename({
|
||||
dirname: 'public/stylesheets',
|
||||
extname: '.css'
|
||||
}))
|
||||
.pipe(gulp.dest('./'));
|
||||
};
|
||||
|
||||
function compressJS(){
|
||||
|
|
@ -64,4 +73,4 @@ function compressThemeJS(){
|
|||
};
|
||||
|
||||
// run the tasks
|
||||
gulp.task('default', series(less, compressJS, compressCss, compressThemeCss, compressThemeJS));
|
||||
gulp.task('default', series(lessCss, compressJS, compressCss, compressThemeCss, compressThemeJS));
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,153 +1,148 @@
|
|||
.btn-outline-danger, .btn-warning, .btn-outline-primary {
|
||||
color: #ffffff !important;
|
||||
background-color: #000000;
|
||||
border-color: #000000;
|
||||
.btn-warning,
|
||||
.btn-outline-primary {
|
||||
color: #ffffff !important;
|
||||
background-color: #000000;
|
||||
border-color: #000000;
|
||||
}
|
||||
|
||||
.search-bar-input, #frm_search, .search-bar-input .btn{
|
||||
padding-top: 10px;
|
||||
height: 45px;
|
||||
.btn-outline-danger {
|
||||
color: #ffffff !important;
|
||||
background-color: #cc4135;
|
||||
border-color: #cc4135;
|
||||
}
|
||||
.has-error input,
|
||||
.has-error textarea,
|
||||
.has-error div {
|
||||
border-color: #cc4135;
|
||||
}
|
||||
.search-bar-input,
|
||||
#frm_search,
|
||||
.search-bar-input .btn {
|
||||
padding-top: 10px;
|
||||
height: 45px;
|
||||
}
|
||||
|
||||
.searchMenuLocation-side {
|
||||
padding-right: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.productsWrapper{
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
.productsWrapper {
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.searchBarWrapper{
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
.searchBarWrapper {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.footer{
|
||||
padding-top: 20px;
|
||||
.footer {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.product-price {
|
||||
padding-bottom: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.navbarMenuWrapper{
|
||||
background-color: #f5f5f5;
|
||||
.navbarMenuWrapper {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.navbarMenu>ul>li>a:hover{
|
||||
color: #cc4135 !important;
|
||||
.navbarMenu > ul > li > a:hover {
|
||||
color: #cc4135 !important;
|
||||
}
|
||||
|
||||
.navbarMenu{
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
.navbarMenu {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.product-wrapper>a:hover{
|
||||
color: #cc4135 !important;
|
||||
.product-wrapper > a:hover {
|
||||
color: #cc4135 !important;
|
||||
}
|
||||
|
||||
.navbar-static-top, #navbar, .navbar-header, #navbar>.navbar-nav, #navbar>.navbar-nav>li>a{
|
||||
margin-bottom: 0;
|
||||
height: 100px !important;
|
||||
.navbar-static-top,
|
||||
#navbar,
|
||||
.navbar-header,
|
||||
#navbar > .navbar-nav,
|
||||
#navbar > .navbar-nav > li > a {
|
||||
margin-bottom: 0;
|
||||
height: 100px !important;
|
||||
}
|
||||
|
||||
#navbar>.navbar-nav>li>a{
|
||||
padding-top: 35px;
|
||||
#navbar > .navbar-nav > li > a {
|
||||
padding-top: 35px;
|
||||
}
|
||||
|
||||
.pagination>li>a{
|
||||
background-color: #cc4135 !important;
|
||||
.pagination > li > a {
|
||||
background-color: #cc4135 !important;
|
||||
}
|
||||
|
||||
/* Fixes summernote editor issue: https://github.com/summernote/summernote/issues/2516 */
|
||||
body .popover{display:none !important; }
|
||||
|
||||
.navbar-brand{
|
||||
color: #cc4135 !important;
|
||||
letter-spacing: 4px;
|
||||
padding-left: 20px !important;
|
||||
padding-top: 0 !important;
|
||||
height: 80px !important;
|
||||
font-size: 55px !important;
|
||||
body .popover {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.navbar-brand-image, .navbar-brand{
|
||||
height: 80px;
|
||||
padding-left: 10px;
|
||||
padding-top: 10px;
|
||||
.navbar-brand {
|
||||
color: #cc4135 !important;
|
||||
letter-spacing: 4px;
|
||||
padding-left: 20px !important;
|
||||
padding-top: 0 !important;
|
||||
height: 80px !important;
|
||||
font-size: 55px !important;
|
||||
}
|
||||
.navbar-brand-image,
|
||||
.navbar-brand {
|
||||
height: 80px;
|
||||
padding-left: 10px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.navbar-default .badge {
|
||||
background-color: #cc4135;
|
||||
}
|
||||
.pushy-link:hover,
|
||||
.pushy-link:focus,
|
||||
.pushy-link:active,
|
||||
.pushy-link:active:hover,
|
||||
#empty-cart:hover,
|
||||
#empty-cart:focus,
|
||||
#empty-cart:active,
|
||||
#empty-cart:active:hover {
|
||||
border-color: #cc4135;
|
||||
background-color: #cc4135;
|
||||
}
|
||||
.navActive > a {
|
||||
margin-bottom: 0px;
|
||||
padding-top: 15px;
|
||||
border-bottom: 5px solid #cc4135;
|
||||
}
|
||||
.navbar-static-top,
|
||||
#navbar,
|
||||
.navbar-header,
|
||||
#navbar > .navbar-nav,
|
||||
#navbar > .navbar-nav > li > a {
|
||||
background-color: #fff;
|
||||
}
|
||||
.navbar-default .navbar-nav > li > a {
|
||||
color: #838b8f;
|
||||
font-size: 20px;
|
||||
}
|
||||
@media only screen and (max-width: 768px) {
|
||||
.navbar-default .navbar-brand {
|
||||
padding-top: 10px;
|
||||
}
|
||||
.navbar-default .navbar-nav > li > a {
|
||||
font-size: 16px;
|
||||
}
|
||||
.searchBarWrapper {
|
||||
padding-top: 10px;
|
||||
}
|
||||
.navbarMenuWrapper {
|
||||
padding-left: 0px;
|
||||
padding-right: 0px;
|
||||
}
|
||||
.navbarMenuOuter {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
.navActive > a {
|
||||
color: #fff !important;
|
||||
}
|
||||
.navbarMenu {
|
||||
padding-right: 7.5px;
|
||||
padding-left: 7.5px;
|
||||
}
|
||||
.navActive > a {
|
||||
color: white !important;
|
||||
background-color: #cc4135;
|
||||
}
|
||||
|
||||
.pushy-link, #empty-cart{
|
||||
border-color: #E74C3C;
|
||||
background-color: #E74C3C;
|
||||
}
|
||||
|
||||
.pushy-link:hover, .pushy-link:focus, .pushy-link:active, .pushy-link:active:hover,
|
||||
#empty-cart:hover, #empty-cart:focus, #empty-cart:active, #empty-cart:active:hover{
|
||||
border-color: #cc4135;
|
||||
background-color: #cc4135;
|
||||
}
|
||||
|
||||
.navActive>a{
|
||||
margin-bottom: 0px;
|
||||
padding-top: 15px;
|
||||
border-bottom: 5px solid #E74C3C;
|
||||
}
|
||||
|
||||
.navbar-static-top, #navbar, .navbar-header, #navbar>.navbar-nav, #navbar>.navbar-nav>li>a {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.navbar-default .navbar-nav>li>a {
|
||||
color: #838b8f;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px){
|
||||
.navbar-default .navbar-brand {
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.navbar-default .navbar-nav>li>a{
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.searchBarWrapper{
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.navbarMenuWrapper{
|
||||
padding-left: 0px;
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
.navbarMenuOuter{
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.navActive>a {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.navbarMenu {
|
||||
padding-right: 7.5px;
|
||||
padding-left: 7.5px;
|
||||
}
|
||||
|
||||
.navActive>a{
|
||||
color: white !important;
|
||||
background-color: #E74C3C;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.footer {
|
||||
padding-top: 10px;
|
||||
}
|
||||
border-bottom: none;
|
||||
}
|
||||
.footer {
|
||||
padding-top: 10px;
|
||||
}
|
||||
}
|
||||
|
|
@ -1 +1 @@
|
|||
#frm_search,.search-bar-input,.search-bar-input .btn{padding-top:10px;height:45px}.searchMenuLocation-side{padding-right:0}.productsWrapper{padding-right:10px;padding-left:10px}.searchBarWrapper{padding-right:0;padding-left:0}.footer{padding-top:20px}.product-price{padding-bottom:0}.navbarMenuWrapper{background-color:#f5f5f5}.navbarMenu>ul>li>a:hover{color:#cc4135!important}.navbarMenu{padding-right:0;padding-left:0}.product_wrapper>a:hover{color:#cc4135!important}#navbar,#navbar>.navbar-nav,#navbar>.navbar-nav>li>a,.navbar-header,.navbar-static-top{margin-bottom:0;height:100px!important}#navbar>.navbar-nav>li>a{padding-top:35px}.pagination>li>a{background-color:#cc4135!important}.navbar-brand{color:#cc4135!important;letter-spacing:4px;padding-left:20px!important;padding-top:20px!important;height:100px!important;font-size:55px!important}.navbar-brand,.navbar-brand-image{height:80px;padding-left:10px;padding-top:10px}.navbar-default .badge{background-color:#cc4135}#empty-cart,.pushy-link{border-color:#e74c3c;background-color:#e74c3c}#empty-cart:active,#empty-cart:active:hover,#empty-cart:focus,#empty-cart:hover,.pushy-link:active,.pushy-link:active:hover,.pushy-link:focus,.pushy-link:hover{border-color:#cc4135;background-color:#cc4135}.navActive>a{margin-bottom:0;padding-top:15px;border-bottom:5px solid #e74c3c}#navbar,#navbar>.navbar-nav,#navbar>.navbar-nav>li>a,.navbar-header,.navbar-static-top{background-color:#fff}.navbar-default .navbar-nav>li>a{color:#838b8f;font-size:20px}@media only screen and (max-width:768px){.navbar-default .navbar-brand{padding-top:10px}.navbar-default .navbar-nav>li>a{font-size:16px}.searchBarWrapper{padding-top:10px}.navbarMenuWrapper{padding-left:0;padding-right:0}.navbarMenuOuter{padding-left:0;padding-right:0}.navActive>a{color:#fff!important}.navbarMenu{padding-right:7.5px;padding-left:7.5px}.navActive>a{color:#fff!important;background-color:#e74c3c;border-bottom:none}.footer{padding-top:10px}}
|
||||
.btn-outline-primary,.btn-warning{color:#fff!important;background-color:#000;border-color:#000}.btn-outline-danger{color:#fff!important;background-color:#cc4135;border-color:#cc4135}.has-error div,.has-error input,.has-error textarea{border-color:#cc4135}#frm_search,.search-bar-input,.search-bar-input .btn{padding-top:10px;height:45px}.searchMenuLocation-side{padding-right:0}.productsWrapper{padding-right:10px;padding-left:10px}.searchBarWrapper{padding-right:0;padding-left:0}.footer{padding-top:20px}.product-price{padding-bottom:0}.navbarMenuWrapper{background-color:#f5f5f5}.navbarMenu>ul>li>a:hover{color:#cc4135!important}.navbarMenu{padding-right:0;padding-left:0}.product-wrapper>a:hover{color:#cc4135!important}#navbar,#navbar>.navbar-nav,#navbar>.navbar-nav>li>a,.navbar-header,.navbar-static-top{margin-bottom:0;height:100px!important}#navbar>.navbar-nav>li>a{padding-top:35px}.pagination>li>a{background-color:#cc4135!important}body .popover{display:none!important}.navbar-brand{color:#cc4135!important;letter-spacing:4px;padding-left:20px!important;padding-top:0!important;height:80px!important;font-size:55px!important}.navbar-brand,.navbar-brand-image{height:80px;padding-left:10px;padding-top:10px}.navbar-default .badge{background-color:#cc4135}#empty-cart:active,#empty-cart:active:hover,#empty-cart:focus,#empty-cart:hover,.pushy-link:active,.pushy-link:active:hover,.pushy-link:focus,.pushy-link:hover{border-color:#cc4135;background-color:#cc4135}.navActive>a{margin-bottom:0;padding-top:15px;border-bottom:5px solid #cc4135}#navbar,#navbar>.navbar-nav,#navbar>.navbar-nav>li>a,.navbar-header,.navbar-static-top{background-color:#fff}.navbar-default .navbar-nav>li>a{color:#838b8f;font-size:20px}@media only screen and (max-width:768px){.navbar-default .navbar-brand{padding-top:10px}.navbar-default .navbar-nav>li>a{font-size:16px}.searchBarWrapper{padding-top:10px}.navbarMenuWrapper{padding-left:0;padding-right:0}.navbarMenuOuter{padding-left:0;padding-right:0}.navActive>a{color:#fff!important}.navbarMenu{padding-right:7.5px;padding-left:7.5px}.navActive>a{color:#fff!important;background-color:#cc4135;border-bottom:none}.footer{padding-top:10px}}
|
||||
|
|
@ -0,0 +1,164 @@
|
|||
@accent-color: #cc4135;
|
||||
@nav-menu-bg: #f5f5f5;
|
||||
@btn-danger-color-txt: #ffffff;
|
||||
@btn-danger-color-bg: #000000;
|
||||
@btn-danger-color-border: #000000;
|
||||
|
||||
.btn-warning, .btn-outline-primary {
|
||||
color: @btn-danger-color-txt !important;
|
||||
background-color:@btn-danger-color-bg;
|
||||
border-color: @btn-danger-color-border;
|
||||
}
|
||||
|
||||
.btn-outline-danger {
|
||||
color: @btn-danger-color-txt !important;
|
||||
background-color: @accent-color;
|
||||
border-color: @accent-color;
|
||||
}
|
||||
|
||||
.has-error input, .has-error textarea, .has-error div {
|
||||
border-color: @accent-color;
|
||||
}
|
||||
|
||||
.search-bar-input, #frm_search, .search-bar-input .btn {
|
||||
padding-top: 10px;
|
||||
height: 45px;
|
||||
}
|
||||
|
||||
.searchMenuLocation-side {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.productsWrapper{
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.searchBarWrapper{
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.footer{
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.product-price {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.navbarMenuWrapper{
|
||||
background-color: @nav-menu-bg;
|
||||
}
|
||||
|
||||
.navbarMenu>ul>li>a:hover{
|
||||
color: @accent-color !important;
|
||||
}
|
||||
|
||||
.navbarMenu{
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.product-wrapper>a:hover{
|
||||
color: @accent-color !important;
|
||||
}
|
||||
|
||||
.navbar-static-top, #navbar, .navbar-header, #navbar>.navbar-nav, #navbar>.navbar-nav>li>a{
|
||||
margin-bottom: 0;
|
||||
height: 100px !important;
|
||||
}
|
||||
|
||||
#navbar>.navbar-nav>li>a{
|
||||
padding-top: 35px;
|
||||
}
|
||||
|
||||
.pagination>li>a{
|
||||
background-color: @accent-color !important;
|
||||
}
|
||||
|
||||
/* Fixes summernote editor issue: https://github.com/summernote/summernote/issues/2516 */
|
||||
body .popover{display:none !important; }
|
||||
|
||||
.navbar-brand{
|
||||
color: @accent-color !important;
|
||||
letter-spacing: 4px;
|
||||
padding-left: 20px !important;
|
||||
padding-top: 0 !important;
|
||||
height: 80px !important;
|
||||
font-size: 55px !important;
|
||||
}
|
||||
|
||||
.navbar-brand-image, .navbar-brand{
|
||||
height: 80px;
|
||||
padding-left: 10px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.navbar-default .badge {
|
||||
background-color: @accent-color;
|
||||
}
|
||||
|
||||
.pushy-link:hover, .pushy-link:focus, .pushy-link:active, .pushy-link:active:hover,
|
||||
#empty-cart:hover, #empty-cart:focus, #empty-cart:active, #empty-cart:active:hover{
|
||||
border-color: @accent-color;
|
||||
background-color: @accent-color;
|
||||
}
|
||||
|
||||
.navActive>a{
|
||||
margin-bottom: 0px;
|
||||
padding-top: 15px;
|
||||
border-bottom: 5px solid @accent-color;
|
||||
}
|
||||
|
||||
.navbar-static-top, #navbar, .navbar-header, #navbar>.navbar-nav, #navbar>.navbar-nav>li>a {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.navbar-default .navbar-nav>li>a {
|
||||
color: #838b8f;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px){
|
||||
.navbar-default .navbar-brand {
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.navbar-default .navbar-nav>li>a{
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.searchBarWrapper{
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.navbarMenuWrapper{
|
||||
padding-left: 0px;
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
.navbarMenuOuter{
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.navActive>a {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.navbarMenu {
|
||||
padding-right: 7.5px;
|
||||
padding-left: 7.5px;
|
||||
}
|
||||
|
||||
.navActive>a{
|
||||
color: white !important;
|
||||
background-color: @accent-color;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.footer {
|
||||
padding-top: 10px;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,642 @@
|
|||
@footer-height: 100px;
|
||||
@primary-btn-color: #000000;
|
||||
@secondary-btn-color: #cc3a2c;
|
||||
@link-color: #000000;
|
||||
@text-danger-color: #cc3a2c;
|
||||
@text-gray-color: #aaaaaa;
|
||||
@separator-color: #eeeeee;
|
||||
@breadcrumb-bg: #f8f9fa;
|
||||
|
||||
html {
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
}
|
||||
body {
|
||||
margin-bottom: 140px;
|
||||
}
|
||||
|
||||
html, body {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.content-body{
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.menu-top{
|
||||
margin-top: 15px;
|
||||
margin-left: 15px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.menu-side, .product-layout{
|
||||
padding-top: 35px;
|
||||
}
|
||||
|
||||
.menu-side-mobile{
|
||||
background-color: transparent !important;
|
||||
color: inherit !important;
|
||||
text-align: center;
|
||||
border-bottom-right-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
}
|
||||
|
||||
.dragable_item{
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
.page-header{
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
.cart-contents-title{
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.cart-row{
|
||||
padding-bottom: 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.cart-item-row{
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.cart-link{
|
||||
padding-left: 7px;
|
||||
}
|
||||
|
||||
a.text-danger:hover, a.text-danger:focus {
|
||||
color: @text-danger-color;
|
||||
}
|
||||
|
||||
.cart-update-button{
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.thumbnail-image{
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#product-images{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.product-layout{
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
.product-title-image{
|
||||
margin: auto;
|
||||
max-height: 400px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.thumbnail-image-container .img-fluid {
|
||||
display: block;
|
||||
width: auto;
|
||||
max-height: 100%;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
input[type=number]::-webkit-inner-spin-button,
|
||||
input[type=number]::-webkit-outer-spin-button {
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.navbar-brand>img {
|
||||
width: auto;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.thumbnail{
|
||||
min-height: 415px;
|
||||
}
|
||||
|
||||
.vertical-center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.title-image-container .img-fluid {
|
||||
display: block;
|
||||
width: auto;
|
||||
max-height: 100%;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.title-image-container{
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
.thumbnail-image-container {
|
||||
height: 350px;
|
||||
}
|
||||
|
||||
.product-title{
|
||||
font-size: 24px;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.product-title-home{
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.product-price{
|
||||
padding-bottom: 10px;
|
||||
font-size: 20px;
|
||||
color: @text-gray-color;
|
||||
}
|
||||
|
||||
.productOptions{
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
.product-option{
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.btnAddToCart, .body_text{
|
||||
padding-top: 15px;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
.product-option-text{
|
||||
font-size: 16px;
|
||||
color: @text-gray-color;
|
||||
padding-bottom: 10px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.seporator{
|
||||
padding-top: 5px;
|
||||
border-bottom: 1px solid @separator-color;
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
|
||||
.list-group-input-pad select{
|
||||
margin-top: -7px;
|
||||
}
|
||||
|
||||
.no-pad-left{
|
||||
padding-left: 0px;
|
||||
}
|
||||
|
||||
.no-pad-right{
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
.top-marg-10{
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.top-marg-15{
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.top-marg-20{
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.top-pad-5{
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.top-pad-8{
|
||||
padding-top: 8px;
|
||||
}
|
||||
|
||||
.top-pad-10{
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.top-pad-20{
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.top-pad-50{
|
||||
padding-top: 50px;
|
||||
}
|
||||
|
||||
.top-pad-100{
|
||||
padding-top: 100px;
|
||||
}
|
||||
|
||||
.bottom-pad-10{
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.bottom-pad-15{
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
.bottom-pad-20{
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.bottom-marg-10{
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.bottom-marg-15{
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.bottom-marg-20{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.left-pad-10{
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.left-pad-30{
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.right-pad-10{
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.shipping-form input{
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
#header {
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.search-bar{
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.searchMenuLocation-side{
|
||||
padding-left: 25px;
|
||||
padding-right: 25px;
|
||||
}
|
||||
.searchMenuLocation-top{
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.breadcrumb{
|
||||
background-color: @breadcrumb-bg;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.breadcrumbProPerRow-3{
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.searchProPerRow-3, .searchProPerRow-4{
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.dropup-button{
|
||||
height: 34px;
|
||||
padding: 0px;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.dropdown-menu>li>a{
|
||||
padding-top: 5px !important;
|
||||
|
||||
}
|
||||
|
||||
.pad-bottom{
|
||||
padding-bottom: 25px;
|
||||
}
|
||||
|
||||
.keywords{
|
||||
padding-bottom: 30px;
|
||||
padding-top: 20px;
|
||||
font-size: 19px;
|
||||
}
|
||||
|
||||
.file-form{
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
.editor_btn_action{
|
||||
border-top-left-radius: 4px !important;
|
||||
border-bottom-left-radius: 4px !important;
|
||||
}
|
||||
|
||||
.dropup-list{
|
||||
padding-bottom: 5px;
|
||||
margin-right: 10px;
|
||||
margin-left: 10px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
#notify_message{
|
||||
position: fixed;
|
||||
display: none;
|
||||
z-index: 9999;
|
||||
padding-top: 10px;
|
||||
height: 50px;
|
||||
bottom: 0px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.input-group .form-control {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.btn-file {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.btn-file input[type=file] {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
font-size: 100px;
|
||||
text-align: right;
|
||||
filter: alpha(opacity=0);
|
||||
opacity: 0;
|
||||
outline: none;
|
||||
background: white;
|
||||
cursor: inherit;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.offcanvas-element{
|
||||
z-index: 100;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.product-item{
|
||||
padding-left: 0px;
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
input:focus {
|
||||
outline: none;
|
||||
background: #fbfbe9;
|
||||
}
|
||||
|
||||
input + label {
|
||||
display: block;
|
||||
cursor: text;
|
||||
transition: .15s ease-out all;
|
||||
position: absolute;
|
||||
top: .9em;
|
||||
left: 1.3em;
|
||||
}
|
||||
|
||||
.floatLabel{
|
||||
top: .1em;
|
||||
left: 32px;
|
||||
font-size: .7em;
|
||||
color: #999999;
|
||||
font-weight: normal;
|
||||
transition: .15s ease-out all;
|
||||
}
|
||||
|
||||
input.form-control.customerDetails{
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: @footer-height;
|
||||
padding-top: 25px;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.admin{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.image-next{
|
||||
position: absolute;
|
||||
top: 180px;
|
||||
right: 0px;
|
||||
}
|
||||
|
||||
.image-prev{
|
||||
position: absolute;
|
||||
top: 180px;
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
.image-button{
|
||||
cursor: pointer;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.image-button-show{
|
||||
cursor: pointer;
|
||||
opacity: 0.7 !important;
|
||||
}
|
||||
|
||||
.navbar-default {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.navbar-default .navbar-nav>li>a {
|
||||
color: @primary-btn-color;
|
||||
}
|
||||
|
||||
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
|
||||
color: @primary-btn-color;
|
||||
}
|
||||
|
||||
.btn-warning, .btn-outline-primary {
|
||||
color: #ffffff;
|
||||
background-color: @primary-btn-color;
|
||||
border-color: @primary-btn-color;
|
||||
}
|
||||
|
||||
.btn-warning:hover, .btn-outline-primary:hover {
|
||||
color: #ffffff !important;
|
||||
background-color: @primary-btn-color !important;
|
||||
border-color: @primary-btn-color !important;
|
||||
opacity: 0.65;
|
||||
}
|
||||
|
||||
.btn-outline-danger{
|
||||
color: #ffffff;
|
||||
background-color: @secondary-btn-color;
|
||||
border-color: @secondary-btn-color;
|
||||
}
|
||||
|
||||
.btn-outline-danger:hover{
|
||||
color: #ffffff !important;
|
||||
background-color: @secondary-btn-color !important;
|
||||
border-color: @secondary-btn-color !important;
|
||||
opacity: 0.65;
|
||||
}
|
||||
|
||||
a:hover, a:focus {
|
||||
color: @link-color;
|
||||
}
|
||||
a {
|
||||
color: @primary-btn-color;
|
||||
}
|
||||
|
||||
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
|
||||
background-color: @primary-btn-color;
|
||||
border-color: @primary-btn-color;
|
||||
}
|
||||
|
||||
.navbar-default .navbar-brand {
|
||||
color: #000000;
|
||||
font-size: 40px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.navbar-brand-image {
|
||||
padding: 0px;
|
||||
height: 70px;
|
||||
}
|
||||
|
||||
.page-item.disabled .page-link{
|
||||
color:#b7b7b7;
|
||||
}
|
||||
|
||||
.page-link {
|
||||
color: white;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
|
||||
background-color: #000000;
|
||||
}
|
||||
|
||||
.thumbnail {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.help-block{
|
||||
color: #95a5a6;
|
||||
}
|
||||
|
||||
.list-group-item:first-child, .list-group-item:last-child {
|
||||
border-top-right-radius: 0px;
|
||||
border-top-left-radius: 0px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px){
|
||||
.pushy {
|
||||
width: 700px;
|
||||
}
|
||||
.pushy-right {
|
||||
-webkit-transform: translate3d(700px, 0, 0);
|
||||
-ms-transform: translate3d(700px, 0, 0);
|
||||
transform: translate3d(700px, 0, 0);
|
||||
}
|
||||
|
||||
.pushy-open-right #container,
|
||||
.pushy-open-right .push {
|
||||
-webkit-transform: translate3d(-700px, 0, 0);
|
||||
-ms-transform: translate3d(-700px, 0, 0);
|
||||
transform: translate3d(-700px, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px){
|
||||
.pushy {
|
||||
width: calc(100%);
|
||||
}
|
||||
.pushy-right {
|
||||
-webkit-transform: translate3d(calc(100%), 0, 0);
|
||||
-ms-transform: translate3d(calc(100%), 0, 0);
|
||||
transform: translate3d(calc(100%), 0, 0);
|
||||
}
|
||||
|
||||
.pushy-open-right #container,
|
||||
.pushy-open-right .push {
|
||||
-webkit-transform: translate3d(-calc(100%), 0, 0);
|
||||
-ms-transform: translate3d(-calc(100%), 0, 0);
|
||||
transform: translate3d(-calc(100%), 0, 0);
|
||||
}
|
||||
|
||||
.product-item{
|
||||
padding-left: 0px;
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
.showFooter{
|
||||
margin-bottom: 220px;
|
||||
}
|
||||
|
||||
.title-image-container{
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.product-title{
|
||||
font-size: 18px;
|
||||
padding-top: 18px;
|
||||
min-height: auto;
|
||||
}
|
||||
|
||||
.search-bar-input{
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.menu-side {
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
.product-layout{
|
||||
padding-top: 0px;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
#btn_search{
|
||||
border-top-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
|
||||
.cart-row{
|
||||
padding-top: 10px;
|
||||
border-bottom: 1px solid #ecf0f1;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.cart-body{
|
||||
padding-top: 0px;
|
||||
}
|
||||
|
||||
.cart-contents-shipping{
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
#cart{
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
height: @footer-height;
|
||||
}
|
||||
|
||||
body{
|
||||
margin-bottom: @footer-height;
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,513 @@
|
|||
html {
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
}
|
||||
body {
|
||||
margin-bottom: 140px;
|
||||
}
|
||||
html,
|
||||
body {
|
||||
font-size: 16px;
|
||||
}
|
||||
.content-body {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.menu-top {
|
||||
margin-top: 15px;
|
||||
margin-left: 15px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
.menu-side,
|
||||
.product-layout {
|
||||
padding-top: 35px;
|
||||
}
|
||||
.menu-side-mobile {
|
||||
background-color: transparent !important;
|
||||
color: inherit !important;
|
||||
text-align: center;
|
||||
border-bottom-right-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
}
|
||||
.dragable_item {
|
||||
cursor: move;
|
||||
}
|
||||
.page-header {
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
.cart-contents-title {
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
}
|
||||
.cart-row {
|
||||
padding-bottom: 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.cart-item-row {
|
||||
margin-top: 5px;
|
||||
}
|
||||
.cart-link {
|
||||
padding-left: 7px;
|
||||
}
|
||||
a.text-danger:hover,
|
||||
a.text-danger:focus {
|
||||
color: #cc3a2c;
|
||||
}
|
||||
.cart-update-button {
|
||||
cursor: pointer;
|
||||
}
|
||||
.thumbnail-image {
|
||||
cursor: pointer;
|
||||
}
|
||||
#product-images {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.product-layout {
|
||||
padding-top: 30px;
|
||||
}
|
||||
.product-title-image {
|
||||
margin: auto;
|
||||
max-height: 400px;
|
||||
width: auto;
|
||||
}
|
||||
.thumbnail-image-container .img-fluid {
|
||||
display: block;
|
||||
width: auto;
|
||||
max-height: 100%;
|
||||
margin: auto;
|
||||
}
|
||||
input[type=number]::-webkit-inner-spin-button,
|
||||
input[type=number]::-webkit-outer-spin-button {
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
.navbar-brand > img {
|
||||
width: auto;
|
||||
height: 100%;
|
||||
}
|
||||
.thumbnail {
|
||||
min-height: 415px;
|
||||
}
|
||||
.vertical-center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.title-image-container .img-fluid {
|
||||
display: block;
|
||||
width: auto;
|
||||
max-height: 100%;
|
||||
margin: auto;
|
||||
}
|
||||
.title-image-container {
|
||||
height: 400px;
|
||||
}
|
||||
.thumbnail-image-container {
|
||||
height: 350px;
|
||||
}
|
||||
.product-title {
|
||||
font-size: 24px;
|
||||
margin-top: 0px;
|
||||
}
|
||||
.product-title-home {
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
.product-price {
|
||||
padding-bottom: 10px;
|
||||
font-size: 20px;
|
||||
color: #AAAAAA;
|
||||
}
|
||||
.productOptions {
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
.product-option {
|
||||
font-size: 18px;
|
||||
}
|
||||
.btnAddToCart,
|
||||
.body_text {
|
||||
padding-top: 15px;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
.product-option-text {
|
||||
font-size: 16px;
|
||||
color: #AAAAAA;
|
||||
padding-bottom: 10px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
.seporator {
|
||||
padding-top: 5px;
|
||||
border-bottom: 1px solid #EEEEEE;
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
.list-group-input-pad select {
|
||||
margin-top: -7px;
|
||||
}
|
||||
.no-pad-left {
|
||||
padding-left: 0px;
|
||||
}
|
||||
.no-pad-right {
|
||||
padding-right: 0px;
|
||||
}
|
||||
.top-marg-10 {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.top-marg-15 {
|
||||
margin-top: 15px;
|
||||
}
|
||||
.top-marg-20 {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.top-pad-10 {
|
||||
padding-top: 10px;
|
||||
}
|
||||
.top-pad-20 {
|
||||
padding-top: 20px;
|
||||
}
|
||||
.top-pad-50 {
|
||||
padding-top: 50px;
|
||||
}
|
||||
.top-pad-100 {
|
||||
padding-top: 100px;
|
||||
}
|
||||
.bottom-pad-10 {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.bottom-pad-15 {
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
.bottom-pad-20 {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.bottom-marg-10 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.bottom-marg-15 {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.bottom-marg-20 {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.left-pad-30 {
|
||||
padding-left: 30px;
|
||||
}
|
||||
.shipping-form input {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
#header {
|
||||
height: 50px;
|
||||
}
|
||||
.search-bar {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.searchMenuLocation-side {
|
||||
padding-left: 25px;
|
||||
padding-right: 25px;
|
||||
}
|
||||
.searchMenuLocation-top {
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
.breadcrumb {
|
||||
background-color: #f8f9fa;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.breadcrumbProPerRow-3 {
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.searchProPerRow-3,
|
||||
.searchProPerRow-4 {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
.dropup-button {
|
||||
height: 34px;
|
||||
padding: 0px;
|
||||
color: white !important;
|
||||
}
|
||||
.dropdown-menu > li > a {
|
||||
padding-top: 5px !important;
|
||||
}
|
||||
.pad-bottom {
|
||||
padding-bottom: 25px;
|
||||
}
|
||||
.keywords {
|
||||
padding-bottom: 30px;
|
||||
padding-top: 20px;
|
||||
font-size: 19px;
|
||||
}
|
||||
.file-form {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
.editor_btn_action {
|
||||
border-top-left-radius: 4px !important;
|
||||
border-bottom-left-radius: 4px !important;
|
||||
}
|
||||
.dropup-list {
|
||||
padding-bottom: 5px;
|
||||
margin-right: 10px;
|
||||
margin-left: 10px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
#notify_message {
|
||||
position: fixed;
|
||||
display: none;
|
||||
z-index: 9999;
|
||||
padding-top: 10px;
|
||||
height: 50px;
|
||||
bottom: 0px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 22px;
|
||||
}
|
||||
.input-group .form-control {
|
||||
z-index: 1;
|
||||
}
|
||||
.btn-file {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.btn-file input[type=file] {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
font-size: 100px;
|
||||
text-align: right;
|
||||
filter: alpha(opacity=0);
|
||||
opacity: 0;
|
||||
outline: none;
|
||||
background: white;
|
||||
cursor: inherit;
|
||||
display: block;
|
||||
}
|
||||
.offcanvas-element {
|
||||
z-index: 100;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.product-item {
|
||||
padding-left: 0px;
|
||||
padding-right: 0px;
|
||||
}
|
||||
input:focus {
|
||||
outline: none;
|
||||
background: #fbfbe9;
|
||||
}
|
||||
input + label {
|
||||
display: block;
|
||||
cursor: text;
|
||||
transition: 0.15s ease-out all;
|
||||
position: absolute;
|
||||
top: 0.9em;
|
||||
left: 1.3em;
|
||||
}
|
||||
.floatLabel {
|
||||
top: 0.1em;
|
||||
left: 32px;
|
||||
font-size: 0.7em;
|
||||
color: #999999;
|
||||
font-weight: normal;
|
||||
transition: 0.15s ease-out all;
|
||||
}
|
||||
input.form-control.customerDetails {
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
.footer {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
padding-top: 25px;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
.admin {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.image-next {
|
||||
position: absolute;
|
||||
top: 180px;
|
||||
right: 0px;
|
||||
}
|
||||
.image-prev {
|
||||
position: absolute;
|
||||
top: 180px;
|
||||
left: 0px;
|
||||
}
|
||||
.image-button {
|
||||
cursor: pointer;
|
||||
opacity: 0.7;
|
||||
}
|
||||
.image-button-show {
|
||||
cursor: pointer;
|
||||
opacity: 0.7 !important;
|
||||
}
|
||||
.navbar-default {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.navbar-default .navbar-nav > li > a {
|
||||
color: #000000;
|
||||
}
|
||||
.navbar-default .navbar-nav > li > a:hover,
|
||||
.navbar-default .navbar-nav > li > a:focus {
|
||||
color: #000000;
|
||||
}
|
||||
.btn-outline-danger,
|
||||
.btn-warning,
|
||||
.btn-outline-primary {
|
||||
color: #ffffff;
|
||||
background-color: #000000;
|
||||
border-color: #000000;
|
||||
}
|
||||
.btn-warning:hover,
|
||||
.btn-outline-danger:hover {
|
||||
color: #ffffff;
|
||||
background-color: #000000;
|
||||
border-color: #000000;
|
||||
opacity: 0.65;
|
||||
}
|
||||
a:hover,
|
||||
a:focus {
|
||||
color: #000000;
|
||||
}
|
||||
a {
|
||||
color: #000000;
|
||||
}
|
||||
.list-group-item.active,
|
||||
.list-group-item.active:hover,
|
||||
.list-group-item.active:focus {
|
||||
background-color: #000000;
|
||||
border-color: #000000;
|
||||
}
|
||||
.navbar-default .navbar-brand {
|
||||
color: #000000;
|
||||
font-size: 40px;
|
||||
font-weight: 700;
|
||||
}
|
||||
.navbar-default .navbar-brand:hover,
|
||||
.navbar-default .navbar-brand:focus {
|
||||
color: #000000;
|
||||
}
|
||||
.navbar-brand-image {
|
||||
padding: 0px;
|
||||
height: 70px;
|
||||
}
|
||||
.navbar-default .badge {
|
||||
background-color: #000000;
|
||||
color: #fff;
|
||||
}
|
||||
.navbar-default .navbar-toggle {
|
||||
background-color: #000000;
|
||||
border-color: #000000;
|
||||
}
|
||||
.page-item.disabled .page-link {
|
||||
color: #b7b7b7;
|
||||
}
|
||||
.page-link {
|
||||
color: white;
|
||||
border: 0;
|
||||
}
|
||||
.navbar-default .navbar-toggle:hover,
|
||||
.navbar-default .navbar-toggle:focus {
|
||||
background-color: #000000;
|
||||
}
|
||||
.thumbnail {
|
||||
border: none;
|
||||
}
|
||||
.help-block {
|
||||
color: #95a5a6;
|
||||
}
|
||||
.list-group-item:first-child,
|
||||
.list-group-item:last-child {
|
||||
border-top-right-radius: 0px;
|
||||
border-top-left-radius: 0px;
|
||||
}
|
||||
@media only screen and (min-width: 768px) {
|
||||
.pushy {
|
||||
width: 700px;
|
||||
}
|
||||
.pushy-right {
|
||||
-webkit-transform: translate3d(700px, 0, 0);
|
||||
-ms-transform: translate3d(700px, 0, 0);
|
||||
transform: translate3d(700px, 0, 0);
|
||||
}
|
||||
.pushy-open-right #container,
|
||||
.pushy-open-right .push {
|
||||
-webkit-transform: translate3d(-700px, 0, 0);
|
||||
-ms-transform: translate3d(-700px, 0, 0);
|
||||
transform: translate3d(-700px, 0, 0);
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 768px) {
|
||||
.pushy {
|
||||
width: calc(100%);
|
||||
}
|
||||
.pushy-right {
|
||||
-webkit-transform: translate3d(calc(100%), 0, 0);
|
||||
-ms-transform: translate3d(calc(100%), 0, 0);
|
||||
transform: translate3d(calc(100%), 0, 0);
|
||||
}
|
||||
.pushy-open-right #container,
|
||||
.pushy-open-right .push {
|
||||
-webkit-transform: translate3d(-calc(100%), 0, 0);
|
||||
-ms-transform: translate3d(-calc(100%), 0, 0);
|
||||
transform: translate3d(-calc(100%), 0, 0);
|
||||
}
|
||||
.product-item {
|
||||
padding-left: 0px;
|
||||
padding-right: 0px;
|
||||
}
|
||||
.showFooter {
|
||||
margin-bottom: 220px;
|
||||
}
|
||||
.title-image-container {
|
||||
height: auto;
|
||||
}
|
||||
.product-title {
|
||||
font-size: 18px;
|
||||
padding-top: 18px;
|
||||
min-height: auto;
|
||||
}
|
||||
.search-bar-input {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
.menu-side {
|
||||
padding-top: 15px;
|
||||
}
|
||||
.product-layout {
|
||||
padding-top: 0px;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
#btn_search {
|
||||
border-top-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
.cart-row {
|
||||
padding-top: 10px;
|
||||
border-bottom: 1px solid #ecf0f1;
|
||||
display: block;
|
||||
}
|
||||
.cart-body {
|
||||
padding-top: 0px;
|
||||
}
|
||||
.cart-contents-shipping {
|
||||
padding-top: 10px;
|
||||
}
|
||||
#cart {
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
.footer {
|
||||
height: 100px;
|
||||
}
|
||||
body {
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
}
|
||||
|
|
@ -27,33 +27,31 @@
|
|||
<li class="list-group-item">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<h6 class="text-info"><strong>{{ @root.__ "Email address" }}</strong></h6>
|
||||
<div class="text-info"><strong>{{ @root.__ "Email address" }}</strong></div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<h6 class="text-info"><strong>{{ @root.__ "Name" }}</strong></h6>
|
||||
<div class="text-info"><strong>{{ @root.__ "Name" }}</strong></div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<h6 class="text-info"><strong>{{ @root.__ "Phone number" }}</strong></h6>
|
||||
<div class="text-info"><strong>{{ @root.__ "Phone number" }}</strong></div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{{#each customers}}
|
||||
<li class="list-group-item">
|
||||
|
||||
<a href="/admin/customer/view/{{this._id}}">
|
||||
<a href="/admin/customer/view/{{this._id}}">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<h6 class="">{{this.email}}</h6>
|
||||
<div class="">{{this.email}}</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<h6 class="">{{this.firstName}} {{this.lastName}}</h6>
|
||||
<div class="">{{this.firstName}} {{this.lastName}}</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<h6 class="">{{this.phone}}</h6>
|
||||
<div class="">{{this.phone}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</a>
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@
|
|||
{{/if}}
|
||||
<meta name="keywords" content="{{config.cartTitle}}">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha256-L/W5Wfqfa0sdBNIKN9cG6QA5F2qx4qICmU2VgLruv9Y=" crossorigin="anonymous" />
|
||||
<link rel="stylesheet" href="/stylesheets/pushy.css">
|
||||
<link rel="stylesheet" href="/stylesheets/pushy{{config.env}}.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.20.2/codemirror.min.css" />
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tokenfield/0.12.0/css/bootstrap-tokenfield.min.css">
|
||||
|
|
@ -84,7 +84,7 @@
|
|||
<body>
|
||||
{{/if}}
|
||||
<!-- Static navbar -->
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light mainNavBar">
|
||||
<nav class="navbar navbar-expand-lg mainNavBar">
|
||||
<a class="navbar-brand" href="/">CLOTH</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@
|
|||
<li class="list-group-item list-group-input-pad">
|
||||
<strong> Order status: </strong><span class="text-{{getStatusColor result.orderStatus}} pull-right">{{result.orderStatus}}</span>
|
||||
<div class="pull-right col-md-2">
|
||||
<select class="form-control input-sm" id="orderStatus">
|
||||
<select class="form-control" id="orderStatus">
|
||||
<option>{{ @root.__ "Completed" }}</option>
|
||||
<option>{{ @root.__ "Paid" }}</option>
|
||||
<option>{{ @root.__ "Pending" }}</option>
|
||||
|
|
|
|||
|
|
@ -15,21 +15,19 @@
|
|||
<div class="orderFilter">
|
||||
<div class="row">
|
||||
<div class="text-warning top-pad-10 col-sm-8">{{ @root.__ "Orders can be filtered by: surname, email address or postcode/zipcode" }}</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="form-group">
|
||||
<label for="orderStatusFilter" class="col-sm-2 control-label formLabel">Status</label>
|
||||
<div class="no-pad-right">
|
||||
<select class="form-control input-sm" id="orderStatusFilter">
|
||||
<option>{{ @root.__ "Completed" }}</option>
|
||||
<option>{{ @root.__ "Paid" }}</option>
|
||||
<option>{{ @root.__ "Created" }}</option>
|
||||
<option>{{ @root.__ "Cancelled" }}</option>
|
||||
<option>{{ @root.__ "Declined" }}</option>
|
||||
<option>{{ @root.__ "Shipped" }}</option>
|
||||
<option>{{ @root.__ "Pending" }}</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4 top-pad-10">
|
||||
<form class="form-inline float-sm-right">
|
||||
<label for="orderStatusFilter" class="control-label formLabel right-pad-10">Status</label>
|
||||
<select class="form-control" id="orderStatusFilter">
|
||||
<option>{{ @root.__ "Completed" }}</option>
|
||||
<option>{{ @root.__ "Paid" }}</option>
|
||||
<option>{{ @root.__ "Created" }}</option>
|
||||
<option>{{ @root.__ "Cancelled" }}</option>
|
||||
<option>{{ @root.__ "Declined" }}</option>
|
||||
<option>{{ @root.__ "Shipped" }}</option>
|
||||
<option>{{ @root.__ "Pending" }}</option>
|
||||
</select>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -46,20 +44,20 @@
|
|||
{{#if orders}}
|
||||
{{#each orders}}
|
||||
<li class="list-group-item">
|
||||
<h6 class="pull-right top-pad-5">
|
||||
<div class="pull-right top-pad-5">
|
||||
{{ @root.__ "Status" }}: <span class="text-{{getStatusColor this.orderStatus}}">{{this.orderStatus}}</span>
|
||||
<a class="text-danger" href="/admin/order/delete/{{this._id}}" onclick="return confirm('Are you sure you want to delete this order?');"> <i class="fa fa-trash-o"></i></a>
|
||||
</h6>
|
||||
<h6>
|
||||
</div>
|
||||
<div class="top-pad-5">
|
||||
<a href="/admin/order/view/{{this._id}}" class="text-success">View order</a> - <span class="text-info">Date: </span>{{formatDate this.orderDate "DD/MM/YYYY hh:mm"}} | <span class="text-info">Email:</span> {{this.orderEmail}} | <span class="text-info">{{ @root.__ "Last name" }}:</span> {{this.orderLastname}}
|
||||
</h6>
|
||||
</div>
|
||||
</li>
|
||||
{{/each}}
|
||||
{{else}}
|
||||
<li class="list-group-item">
|
||||
<h4 class="text-center">
|
||||
<h5 class="text-center">
|
||||
{{ @root.__ "No orders found" }}
|
||||
</h4>
|
||||
</h5>
|
||||
</li>
|
||||
{{/if}}
|
||||
</ul>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
{{> partials/menu}}
|
||||
<div class="col-sm-9 top-pad-10">
|
||||
<div class="col-sm-9 top-pad-5">
|
||||
<form class="form-horizontal" id="productEditForm" data-toggle="validator">
|
||||
<div class="col-sm-12">
|
||||
<div class="page-header">
|
||||
|
|
|
|||
|
|
@ -1,144 +1,142 @@
|
|||
{{> partials/menu}}
|
||||
<div class="col-sm-9 top-pad-10">
|
||||
<form class="form-horizontal" id="productNewForm" data-toggle="validator">
|
||||
<div class="col-sm-12">
|
||||
<div class="page-header">
|
||||
<div class="pull-right">
|
||||
<button id="frm_edit_product_save" class="btn btn-outline-success" type="submit">Add product <i class="fa fa-plus"></i></button>
|
||||
<form class="form-horizontal" id="productNewForm" data-toggle="validator">
|
||||
<div class="col-sm-12">
|
||||
<div class="page-header">
|
||||
<div class="pull-right">
|
||||
<button id="frm_edit_product_save" class="btn btn-outline-success" type="submit">Add product <i class="fa fa-plus"></i></button>
|
||||
</div>
|
||||
<h2>{{ @root.__ "New product" }}</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-10">
|
||||
<div class="form-group">
|
||||
<label for="productTitle" class="control-label">{{ @root.__ "Product title" }} *</label>
|
||||
<input type="text" id="productTitle" class="form-control" minlength="5" maxlength="200" value="{{productTitle}}" required/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group">
|
||||
<label for="productPrice" class="control-label">{{ @root.__ "Product price" }} *</label>
|
||||
<div class="input-group">
|
||||
<div class="input-group-prepend">
|
||||
<label class="input-group-text">{{currencySymbol config.currencySymbol}}</label>
|
||||
</div>
|
||||
<h2>{{ @root.__ "New product" }}</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-10">
|
||||
<div class="form-group">
|
||||
<label for="productTitle" class="control-label">{{ @root.__ "Product title" }} *</label>
|
||||
<input type="text" id="productTitle" class="form-control" minlength="5" maxlength="200" value="{{productTitle}}" required/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group">
|
||||
<label for="productPrice" class="control-label">{{ @root.__ "Product price" }} *</label>
|
||||
<div class="input-group">
|
||||
<div class="input-group-prepend">
|
||||
<label class="input-group-text">{{currencySymbol config.currencySymbol}}</label>
|
||||
</div>
|
||||
<input type="number" id="productPrice" class="form-control" step="any" value="{{productPrice}}" required/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group">
|
||||
<label for="productPublished" class="control-label">{{ @root.__ "Status" }}</label>
|
||||
<select class="form-control" id="productPublished">
|
||||
<option value="true" selected>{{ @root.__ "Published" }}</option>
|
||||
<option value="false">{{ @root.__ "Draft" }}</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
{{#if config.trackStock}}
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group">
|
||||
<label for="productStock" class="control-label">{{ @root.__ "Stock level" }}</label>
|
||||
<input type="number" id="productStock" class="form-control" value="{{productStock}}" step="any" />
|
||||
</div>
|
||||
</div>
|
||||
{{/if}}
|
||||
<div class="col-sm-10">
|
||||
<div class="form-group" id="editor-wrapper">
|
||||
<label for="editor" class="control-label">{{ @root.__ "Product description" }} *</label>
|
||||
<textarea minlength="5" rows="10" id="productDescription" class="form-control" required>{{productDescription}}</textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-10">
|
||||
<div class="form-group">
|
||||
<label class="control-label">Permalink</label>
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" id="productPermalink" placeholder="Permalink for the article" value={{productPermalink}}>
|
||||
<div class="input-group-append">
|
||||
<button class="btn btn-outline-success" id="validate_permalink" type="button">Validate</button>
|
||||
</div>
|
||||
</div>
|
||||
<p class="help-block">{{ @root.__ "This sets a readable URL for the product" }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-10">
|
||||
<div class="form-group">
|
||||
<label class="control-label">{{ @root.__ "Product options" }}</label>
|
||||
<input type="hidden" id="productOptions" value="{{result.productOptions}}" />
|
||||
<ul class="list-group" id="product_opt_wrapper">
|
||||
<li class="list-group-item">
|
||||
<div class="row">
|
||||
<div class="col-sm-2">
|
||||
<strong>{{ @root.__ "Name" }}:</strong>
|
||||
<input type="text" id="product_optName" class="form-control" placeholder="Size" />
|
||||
</div>
|
||||
<div class="col-sm-2">
|
||||
<strong>{{ @root.__ "Label" }}:</strong>
|
||||
<input type="text" id="product_optLabel" class="form-control" placeholder="Select size"/>
|
||||
</div>
|
||||
<div class="col-sm-2">
|
||||
<strong>{{ @root.__ "Type" }}:</strong>
|
||||
<select id="product_optType" class="form-control">
|
||||
<option value="select">Select</option>
|
||||
<option value="radio">Radio</option>
|
||||
<option value="checkbox">Checkbox</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<strong>{{ @root.__ "Options" }}:</strong>
|
||||
<input type="text" id="product_optOptions" class="form-control" placeholder="comma, seporated, list"/>
|
||||
</div>
|
||||
<div class="col-sm-2 text-right"></br>
|
||||
<button id="product_opt_add" class="btn btn-outline-success">{{ @root.__ "Add" }}</button>
|
||||
</div></div>
|
||||
</li>
|
||||
{{#each options}}
|
||||
<li class="list-group-item">
|
||||
<div class="row">
|
||||
<div class='col-sm-2 opt-name'>{{this.optName}}</div>
|
||||
<div class='col-sm-2'>{{this.optLabel}}</div>
|
||||
<div class='col-sm-2'>{{this.optType}}</div>
|
||||
<div class='col-sm-4'>{{{this.optOptions}}}</div>
|
||||
<div class='col-sm-2 text-right'>
|
||||
<button class='product_opt_remove btn btn-outline-danger'>{{ @root.__ "Remove" }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
<p class="help-block">{{ @root.__ "Here you can set options for your product. Eg: Size, color, style" }}</p>
|
||||
</div>
|
||||
</div>
|
||||
{{#ifCond config.paymentGateway '==' 'stripe'}}
|
||||
<div class="col-sm-10">
|
||||
<div class="form-group">
|
||||
<label class="control-label">Subscription plan</label>
|
||||
<input type="text" class="form-control" id="productSubscription" placeholder="plan_XXXXXXXXXXXXXX">
|
||||
<p class="help-block">First setup the plan in <strong>Stripe</strong> dashboard and enter the Plan ID. Format: plan_XXXXXXXXXXXXXX</p>
|
||||
</div>
|
||||
</div>
|
||||
{{/ifCond}}
|
||||
<div class="col-sm-10">
|
||||
<div class="form-group">
|
||||
<label for="productComment" class="control-label">{{ @root.__ "Allow comment" }}</label>
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input class="productComment" type="checkbox" {{checkedState result.productComment}} id="productComment">
|
||||
</label>
|
||||
</div>
|
||||
<p class="help-block">{{ @root.__ "Allow free form comments when adding products to cart" }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-10">
|
||||
<div class="form-group">
|
||||
<label for="productTags" class="control-label">Product tag words</label>
|
||||
<input type="text" class="form-control" id="productTags">
|
||||
<p class="help-block">{{ @root.__ "Tag words used to indexed products, making them easier to find and filter." }}</p>
|
||||
<input type="number" id="productPrice" class="form-control" step="any" value="{{productPrice}}" required/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group">
|
||||
<label for="productPublished" class="control-label">{{ @root.__ "Status" }}</label>
|
||||
<select class="form-control" id="productPublished">
|
||||
<option value="true" selected>{{ @root.__ "Published" }}</option>
|
||||
<option value="false">{{ @root.__ "Draft" }}</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
{{#if config.trackStock}}
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group">
|
||||
<label for="productStock" class="control-label">{{ @root.__ "Stock level" }}</label>
|
||||
<input type="number" id="productStock" class="form-control" value="{{productStock}}" step="any" />
|
||||
</div>
|
||||
</div>
|
||||
{{/if}}
|
||||
<div class="col-sm-10">
|
||||
<div class="form-group" id="editor-wrapper">
|
||||
<label for="editor" class="control-label">{{ @root.__ "Product description" }} *</label>
|
||||
<textarea minlength="5" rows="10" id="productDescription" class="form-control" required>{{productDescription}}</textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-10">
|
||||
<div class="form-group">
|
||||
<label class="control-label">Permalink</label>
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" id="productPermalink" placeholder="Permalink for the article" value={{productPermalink}}>
|
||||
<div class="input-group-append">
|
||||
<button class="btn btn-outline-success" id="validate_permalink" type="button">Validate</button>
|
||||
</div>
|
||||
</div>
|
||||
<p class="help-block">{{ @root.__ "This sets a readable URL for the product" }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-10">
|
||||
<div class="form-group">
|
||||
<label class="control-label">{{ @root.__ "Product options" }}</label>
|
||||
<input type="hidden" id="productOptions" value="{{result.productOptions}}" />
|
||||
<ul class="list-group" id="product_opt_wrapper">
|
||||
<li class="list-group-item">
|
||||
<div class="row">
|
||||
<div class="col-sm-2">
|
||||
<strong>{{ @root.__ "Name" }}:</strong>
|
||||
<input type="text" id="product_optName" class="form-control" placeholder="Size" />
|
||||
</div>
|
||||
<div class="col-sm-2">
|
||||
<strong>{{ @root.__ "Label" }}:</strong>
|
||||
<input type="text" id="product_optLabel" class="form-control" placeholder="Select size"/>
|
||||
</div>
|
||||
<div class="col-sm-2">
|
||||
<strong>{{ @root.__ "Type" }}:</strong>
|
||||
<select id="product_optType" class="form-control">
|
||||
<option value="select">Select</option>
|
||||
<option value="radio">Radio</option>
|
||||
<option value="checkbox">Checkbox</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<strong>{{ @root.__ "Options" }}:</strong>
|
||||
<input type="text" id="product_optOptions" class="form-control" placeholder="comma, seporated, list"/>
|
||||
</div>
|
||||
<div class="col-sm-2 text-right"></br>
|
||||
<button id="product_opt_add" class="btn btn-outline-success">{{ @root.__ "Add" }}</button>
|
||||
</div></div>
|
||||
</li>
|
||||
{{#each options}}
|
||||
<li class="list-group-item">
|
||||
<div class="row">
|
||||
<div class='col-sm-2 opt-name'>{{this.optName}}</div>
|
||||
<div class='col-sm-2'>{{this.optLabel}}</div>
|
||||
<div class='col-sm-2'>{{this.optType}}</div>
|
||||
<div class='col-sm-4'>{{{this.optOptions}}}</div>
|
||||
<div class='col-sm-2 text-right'>
|
||||
<button class='product_opt_remove btn btn-outline-danger'>{{ @root.__ "Remove" }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
<p class="help-block">{{ @root.__ "Here you can set options for your product. Eg: Size, color, style" }}</p>
|
||||
</div>
|
||||
</div>
|
||||
{{#ifCond config.paymentGateway '==' 'stripe'}}
|
||||
<div class="col-sm-10">
|
||||
<div class="form-group">
|
||||
<label class="control-label">Subscription plan</label>
|
||||
<input type="text" class="form-control" id="productSubscription" placeholder="plan_XXXXXXXXXXXXXX">
|
||||
<p class="help-block">First setup the plan in <strong>Stripe</strong> dashboard and enter the Plan ID. Format: plan_XXXXXXXXXXXXXX</p>
|
||||
</div>
|
||||
</div>
|
||||
{{/ifCond}}
|
||||
<div class="col-sm-10">
|
||||
<div class="form-group">
|
||||
<label for="productComment" class="control-label">{{ @root.__ "Allow comment" }}</label>
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input class="productComment" type="checkbox" {{checkedState result.productComment}} id="productComment">
|
||||
</label>
|
||||
</div>
|
||||
<p class="help-block">{{ @root.__ "Allow free form comments when adding products to cart" }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-10">
|
||||
<div class="form-group">
|
||||
<label for="productTags" class="control-label">Product tag words</label>
|
||||
<input type="text" class="form-control" id="productTags">
|
||||
<p class="help-block">{{ @root.__ "Tag words used to indexed products, making them easier to find and filter." }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.2/summernote.min.js"></script>
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.2/summernote.css" rel="stylesheet">
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@
|
|||
<li class="list-group-item">
|
||||
<button class="pull-right btn text-danger btn-delete-product" data-id="{{this._id}}"> <i class="fa fa-trash-o"></i></button>
|
||||
<h4 class="pull-right"><input id="{{this._id}}" class="published_state" type="checkbox" {{checkedState this.productPublished}}></h4>
|
||||
<h6><a href="/admin/product/edit/{{this._id}}">{{this.productTitle}}</a></h6>
|
||||
<div class="top-pad-8"><a href="/admin/product/edit/{{this._id}}">{{this.productTitle}}</a></div>
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
|
|
|
|||
|
|
@ -32,10 +32,10 @@
|
|||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-2 offset-sm-1">
|
||||
<input type="text" class="form-control input-sm" id="newNavMenu" placeholder="Contact Us">
|
||||
<input type="text" class="form-control" id="newNavMenu" placeholder="Contact Us">
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<input type="text" class="form-control input-sm" id="newNavLink" placeholder="/contact">
|
||||
<input type="text" class="form-control" id="newNavLink" placeholder="/contact">
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<button type="submit" id="settings-menu-new" class="btn btn-outline-success">
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@
|
|||
<li class="list-group-item">
|
||||
<div class="row">
|
||||
<div class="col-sm-8">
|
||||
<h6><strong>{{ @root.__ "Name" }}:</strong> {{pageName}}</h6>
|
||||
<div class="top-pad-5"><strong>{{ @root.__ "Name" }}:</strong> {{pageName}}</div>
|
||||
</div>
|
||||
<div class="col-sm-4 text-right">
|
||||
<a class="btn btn-outline-success" href="/admin/settings/pages/edit/{{_id}}">{{ @root.__ "Edit" }}</a>
|
||||
|
|
|
|||
|
|
@ -29,7 +29,7 @@
|
|||
<div class="input-group-prepend">
|
||||
<button class="btn btn-outline-primary btn-qty-minus" type="button">-</button>
|
||||
</div>
|
||||
<input type="number" class="form-control cart-product-quantity input-sm text-center" data-id="{{../this.productId}}" data-index="{{@key}}"
|
||||
<input type="number" class="form-control cart-product-quantity text-center" data-id="{{../this.productId}}" data-index="{{@key}}"
|
||||
maxlength="2" value="{{../this.quantity}}">
|
||||
<div class="input-group-append">
|
||||
<button class="btn btn-outline-primary btn-qty-add" type="button">+</button>
|
||||
|
|
|
|||
|
|
@ -24,12 +24,8 @@
|
|||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.navbarMenuWrapper, .mainNavBar{
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.navbarMenuWrapper{
|
||||
padding-top: 0px;
|
||||
padding-top: 10px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
#frm_search,.search-bar-input,.search-bar-input .btn{padding-top:10px;height:45px}.searchMenuLocation-side{padding-right:0}.productsWrapper{padding-right:10px;padding-left:10px}.searchBarWrapper{padding-right:0;padding-left:0}.footer{padding-top:20px}.product-price{padding-bottom:0}.navbarMenuWrapper{background-color:#f5f5f5}.navbarMenu>ul>li>a:hover{color:#cc4135!important}.navbarMenu{padding-right:0;padding-left:0}.product_wrapper>a:hover{color:#cc4135!important}#navbar>.navbar-nav,#navbar>.navbar-nav>li>a,.navbar-header,.navbar-static-top{margin-bottom:0;height:100px!important}#navbar>.navbar-nav>li>a{padding-top:35px}.pagination>li>a{background-color:#cc4135!important}.navbar-brand{color:#cc4135!important;letter-spacing:4px;padding-left:20px!important;padding-top:20px!important;height:100px!important;font-size:55px!important}.navbar-brand,.navbar-brand-image{height:80px;padding-left:10px;padding-top:10px}.navbar-default .badge{background-color:#cc4135}#empty-cart,.pushy-link{border-color:#e74c3c;background-color:#e74c3c}#empty-cart:active,#empty-cart:active:hover,#empty-cart:focus,#empty-cart:hover,.pushy-link:active,.pushy-link:active:hover,.pushy-link:focus,.pushy-link:hover{border-color:#cc4135;background-color:#cc4135}.navActive>a{margin-bottom:0;padding-top:15px;border-bottom:5px solid #e74c3c}#navbar,#navbar>.navbar-nav,#navbar>.navbar-nav>li>a,.navbar-header,.navbar-static-top{background-color:#fff}.navbar-default .navbar-nav>li>a{color:#838b8f;font-size:20px}@media only screen and (max-width:768px){.navbar-default .navbar-brand{padding-top:10px}.navbar-default .navbar-nav>li>a{font-size:16px}.searchBarWrapper{padding-top:10px}.navbarMenuWrapper{padding-left:0;padding-right:0}.navbarMenuOuter{padding-left:0;padding-right:0}.navActive>a{color:#fff!important}.navbarMenu{padding-right:7.5px;padding-left:7.5px}.navActive>a{color:#fff!important;background-color:#e74c3c;border-bottom:none}.footer{padding-top:10px}}
|
||||
.add-to-cart{color:#fff!important}.searchMenuLocation-side{padding-right:0}.productsWrapper{padding-right:10px;padding-left:10px}.searchBarWrapper{padding-right:0;padding-left:0}.footer{padding-top:30px}.product-price{padding-bottom:0}.navbarMenuWrapper{padding-top:10px;margin-bottom:5px}.navbarMenu>ul>li>a:hover{color:#cc4135!important}.navbarMenu{padding-right:0;padding-left:0}.product-wrapper>a:hover{color:#cc4135!important}#navbar>.navbar-nav,#navbar>.navbar-nav>li>a,.navbar-header,.navbar-static-top{margin-bottom:0;height:100px!important}#navbar>.navbar-nav>li>a{padding-top:35px}.img-thumbnail{border:0}.pagination .page-link{background-color:#cc4135!important}.navbar-brand{color:#cc4135!important;letter-spacing:4px;padding-left:20px!important;padding-top:0!important;height:80px!important;font-size:55px!important}.navbar-brand,.navbar-brand-image{height:80px;padding-left:10px;padding-top:10px}.navbar-default .badge{background-color:#cc4135}#empty-cart,.pushy-link{border-color:#e74c3c;background-color:#e74c3c}#empty-cart:active,#empty-cart:active:hover,#empty-cart:focus,#empty-cart:hover,.pushy-link:active,.pushy-link:active:hover,.pushy-link:focus,.pushy-link:hover{border-color:#cc4135;background-color:#cc4135}.navActive>a{margin-bottom:0;padding-top:15px;border-bottom:5px solid #e74c3c}#navbar,#navbar>.navbar-nav,#navbar>.navbar-nav>li>a,.navbar-header,.navbar-static-top{background-color:#fff}.navbar-default .navbar-nav>li>a{color:#838b8f;font-size:20px}.has-error input{border-color:#dc3545}@media only screen and (max-width:768px){.navbar-default .navbar-brand{padding-top:10px}.navbar-default .navbar-nav>li>a{font-size:16px}.searchBarWrapper{padding-top:10px}.navbarMenuWrapper{padding-left:0;padding-right:0}.navbarMenuOuter{padding-left:0;padding-right:0}.navActive>a{color:#fff!important}.navbarMenu{padding-right:7.5px;padding-left:7.5px}.navActive>a{color:#fff!important;background-color:#e74c3c;border-bottom:none}.footer{padding-top:10px}}
|
||||
Loading…
Reference in New Issue