-
Notifications
You must be signed in to change notification settings - Fork 3
/
prodView.html
67 lines (52 loc) · 1.48 KB
/
prodView.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
{% extends 'shop/base.html' %}
{% block title%} {{product.product_name}} - My Awesome Cart {% endblock %}
{% block body %}
<div class="container my-4">
<div class="row">
<div class="col-md-4">
<div class="row">
<img src="/media/{{product.image}}" width="233px" height="385px">
</div>
<div class="row">
<button href="#" class="btn btn-primary mx-3">Buy Now</button>
<button class="btn btn-primary">Add To Cart</button>
</div>
</div>
<div class="col-md-8">
<h5>{{product.product_name}}</h5>
<p><b>Rs.{{product.price}} </b></p>
<p>{{product.desc}}</p>
</div>
</div>
</div>
{% endblock %}
{% block js %}
<script>
console.log('working');
if(localStorage.getItem('cart') == null){
var cart = {};
}
else
{
cart = JSON.parse(localStorage.getItem('cart'));
document.getElementById('cart').innerHTML = Object.keys(cart).length;
}
$('.cart').click(function(){
console.log('clicked');
var idstr = this.id.toString();
console.log(idstr);
if (cart[idstr] !=undefined){
cart[idstr] = cart[idstr] + 1;
}
else
{
cart[idstr] = 1;
}
console.log(cart);
localStorage.setItem('cart', JSON.stringify(cart));
document.getElementById('cart').innerHTML = Object.keys(cart).length;
});
$('#popcart').popover();
document.getElementById("popcart").setAttribute('data-content', '<h5>Cart for your items in my shopping cart</h5>');
</script>
{% endblock %}