diff options
| -rw-r--r-- | pages/ord/basket.html | 145 | ||||
| -rw-r--r-- | templates/layout/noleft | 3 |
2 files changed, 145 insertions, 3 deletions
diff --git a/pages/ord/basket.html b/pages/ord/basket.html index 0a79ce5..45b600d 100644 --- a/pages/ord/basket.html +++ b/pages/ord/basket.html @@ -6,10 +6,153 @@ <!-- Hero Section--> <div class="py-2"> <div class="text-start"> - <h1>[L]Your shopping bag[/L]</h1> + <h1>[L]Shopping Cart[/L]</h1> </div> </div> <!-- End of Hero section --> + <div class="container"> + <div class="container"> + <div> + [edisplay] + + [calc] + my $cname = $Config->{CookieName} || 'MV_SESSION_ID'; + $Scratch->{have_cookie} = $Tag->read_cookie($cname) + and delete $Scratch->{tried}; + return; + [/calc] + [if scratch have_cookie] + [elsif scratch tried] + [L CART_MSG1]You must have cookies set to leave the basket. Check out now or forever lose your shopping cart.[/L] + [/elsif] + [else] + [set tried]1[/set] + [bounce href="[area ord/basket]"] + [/else] + [/if] + + <form action="[process secure=1]" method=POST name="basket" class="form-horizontal" id="form"> + [form-session-id] + <input type="hidden" name="mv_doit" value="refresh"> + <input type="hidden" name="mv_orderpage" value="ord/basket"> + <input type="hidden" name="mv_nextpage" value="index"> + <input type="hidden" name="mv_nlines" value="[nitems lines=1]"> + + <div class="container"> + <div class="container font-weight-bold text-center p-4"> + <div class="row"> + <div class="col-md-5">[L]Description[/L]</div> + <div class="col-md-7 d-none d-md-block"> + <div class="row"> + <div class="col-md-3">[L]Price[/L]</div> + <div class="col-md-4">[L]Quantity[/L]</div> + <div class="col-md-3">[L]Total[/L]</div> + <div class="col-md-2"></div> + </div> + </div> + </div> + </div> + <div> + + [if items] + [then] + [item-list] + + [item-calc] + #Log("Checking master item $master"); + $row_class = ++$count % 2 ? 'cartnorm' : 'cartalt'; + my $item = '[item-increment]'; + my $up = q{[item-data merchandising upsell_to]}; + my $cr = q{[item-data merchandising cross_sell]}; + $upsell_remove{'[item-code]'} = 1; + $cross_remove{'[item-code]'} = 1; + my %seen = ( '' => 1 ); + + $Scratch->{upsell} .= " $up" if $up; + $Scratch->{cross_codes} .= " $cr" if $cr; + my @up = split /\s+/, $Scratch->{upsell}; + my @cr = split /\s+/, $Scratch->{cross_codes}; + @up = grep ( (!$seen{$_}++ && ! $upsell_remove{$_}), @up); + @cr = grep ( (!$seen{$_}++ && ! $cross_remove{$_}), @cr); + $Scratch->{upsell} = join " ", @up; + $Scratch->{cross_codes} = join " ", @cr; + return; + [/item-calc] + + <!-- Product--> + <div class="container pb-4"> + <div class="card p-4"> + <div class="row d-flex align-items-center text-left text-md-center"> + <div class="col-12 col-md-5"><a class="mt-3 d-md-none" href="#" onclick="document.getElementById('[item-quantity-name]').value = 0; document.getElementById('form').submit()"><span class="material-icons-outlined">close</span></a> + <div class="d-flex align-items-center"><a href="[area href="[item-sku]"]">[image src="[item-field image]" imagesubdir=items makesize="80x80" extra='class="cart-item-img" alt=""']</a> + <div class="text-left"><a href="[area href="[item-sku]"]"><strong>[item-description]</strong></a><br><span class="text-muted text-sm">Size: Large</span><br><span class="text-muted text-sm">Colour: Green</span> + </div> + </div> + </div> + <div class="col-12 col-md-7 mt-4 mt-md-0"> + <div class="row align-items-center"> + <div class="col-md-3"> + <div class="row"> + <div class="col-6 d-md-none text-muted">[L]Price[/L]</div> + <div class="col-6 col-md-12 text-right text-md-center">[item-discount-price]</div> + </div> + </div> + <div class="col-md-4"> + <div class="row align-items-center"> + <div class="d-md-none col-7 col-sm-9 text-muted">[L]Quantity[/L]</div> + <div class="col-5 col-sm-3 col-md-12"> + <div class="d-flex align-items-center"> + <div class="btn btn-items btn-items-decrease" onclick="document.getElementById('[item-quantity-name]').value--; document.getElementById('form').submit()">-</div> + <input class="form-control text-center border-0 border-md input-items" type="text" value="[item-quantity]" name="[item-quantity-name]" id="[item-quantity-name]" onchange="this.form.submit()"> + <div class="btn btn-items btn-items-increase" onclick="document.getElementById('[item-quantity-name]').value++; document.getElementById('form').submit()">+</div> + </div> + </div> + </div> + </div> + <div class="col-md-3"> + <div class="row"> + <div class="col-6 d-md-none text-muted">[L]Total price[/L]</div> + <div class="col-6 col-md-12 text-right text-md-center">[item-discount-subtotal]</div> + </div> + </div> + <div class="col-2 d-none d-md-block text-center"> + <a class="cart-remove" href="#" onclick="document.getElementById('[item-quantity-name]').value = 0; document.getElementById('form').submit()"><span class="material-icons-outlined">close</span> + </a> + </div> + </div> + </div> + </div> + </div> + </div> + [/item-list] + [/then] + [/if] + <!-- End of product --> + </div> + </div> + <div class="card bg-light border-dark"> + <div class="card-header "> + <h6 class="text-uppercase mb-0">[L]Order Summary[/L]</h6> + </div> + <div class="card-body"> + <div class="card-text"> + <span>[L]Subtotal[/L]</span><span class="float-right">[subtotal]</span> + </div> + </div> + <div class="card-footer"> + <strong><span>Total</span><span class="float-right">[total-cost]</span></strong> + </div> + </div> + <div class="mt-4"> + <div class="d-flex justify-content-between flex-column flex-lg-row"> + <a class="btn btn-lg btn-link text-muted" href="[area index]">[L]Continue Shopping[/L]</a> + <a class="btn btn-lg btn-primary" href="[area ord/checkout]">[L]Proceed to checkout[/L]</a> + </div> + </div> + </form> + </div> + </div> + </div> </div> <!-- END CONTENT --> @_BOTTOM_@
\ No newline at end of file diff --git a/templates/layout/noleft b/templates/layout/noleft index b282aca..1349a58 100644 --- a/templates/layout/noleft +++ b/templates/layout/noleft @@ -27,8 +27,7 @@ } /* Show it is fixed to the top */ body { - min-height: 75rem; - padding-top: 4.5rem; + padding-top: 3.5rem; } </style> <link href="__WWW_DIR__/css/product.css" rel="stylesheet"> |