Hash template egendefinert handlekurv (bootstrap3)
Custom cart template i nettbutikk
Code example
Language: HTML#
<h1>Bekreft din bestilling</h1>
<div class="panel panel-default">
<div class="panel-heading">
<div class="row">
<div class="col-md-2 col-md-offset-7">Antall</div>
<div class="col-md-1">Pris</div>
<div class="col-md-1">Total</div>
<div class="col-md-1">Slett</div>
</div>
</div>
<div class="panel-body " data-loop="Children">
<div class="row prod">
<div class="col-md-7">#[fk_productid]# <a href="#fk_productid.displayurl#"> #[/fk_productid]# #Name# #[fk_productid]# </a> #[/fk_productid]#</div>
<div class="col-md-2 input-group"><span class="input-group-btn"> <button class="btn btn-default cminus" name="minus" type="button"> - </button> </span> <input class="form-control count" type="text" value="#quantity#" name="product_count,#UniqueId#" /> <span class="input-group-btn"> <button class="btn btn-default cpluss" name="pluss" type="button"> + </button> </span></div>
<div class="col-md-1">#PriceIncVAT#</div>
<div class="col-md-1">#SubTotalIncVAT#</div>
<div class="col-md-1"><a class="slett" href="?removeid=#fk_productid.Id#"> <i class="fa fa-times-circle"> </i> </a></div>
</div>
</div>
<div class="col-md-2 col-md-offset-8">Mva</div>
<div class="col-md-2">#VATTotal.N#</div>
<div class="col-md-2 col-md-offset-8">Total</div>
<div class="col-md-2">#TotalIncVAT.N#</div>
</div>
<script>
$(document).ready(function(){
$(".cminus,.cpluss").on("click", function() {
var $c = $(this).closest(".prod").find("input.count");
var curVal = parseFloat($c.val());
$('#tablerow_commands').hide();
$('#tablerow_updatecount').fadeIn();
curVal += $(this).is(".cpluss") ? 1 : -1;
if(curVal<1) curVal = 1;
$c.val(curVal);
});
});
</script>