|
11 | 11 | <div class="card bg-light mb-3">
|
12 | 12 | <div class="card-header bg-primary text-white text-uppercase"><i class="fa fa-list"></i> Categories</div>
|
13 | 13 | <ul class="list-group category_block">
|
14 |
| - <li class="list-group-item"><a href="category.html">Cras justo odio</a></li> |
15 |
| - <li class="list-group-item"><a href="category.html">Dapibus ac facilisis in</a></li> |
16 |
| - <li class="list-group-item"><a href="category.html">Morbi leo risus</a></li> |
17 |
| - <li class="list-group-item"><a href="category.html">Porta ac consectetur ac</a></li> |
18 |
| - <li class="list-group-item"><a href="category.html">Vestibulum at eros</a></li> |
| 14 | + @foreach (var category in Model.CategoryList) |
| 15 | + { |
| 16 | + <li class="list-group-item"><a asp-page="Product" asp-route-categoryId="@category.Id">@category.Name</a></li> |
| 17 | + } |
19 | 18 | </ul>
|
20 |
| - </div> |
21 |
| - <div class="card bg-light mb-3"> |
22 |
| - <div class="card-header bg-success text-white text-uppercase">Last product</div> |
23 |
| - <div class="card-body"> |
24 |
| - <img class="img-fluid" src="https://dummyimage.com/600x400/55595c/fff" /> |
25 |
| - <h5 class="card-title">Product title</h5> |
26 |
| - <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> |
27 |
| - <p class="bloc_left_price">99.00 $</p> |
28 |
| - </div> |
29 |
| - </div> |
| 19 | + </div> |
30 | 20 | </div>
|
31 | 21 | <div class="col">
|
32 | 22 | <div class="row">
|
33 |
| - <div class="col-12 col-md-6 col-lg-4"> |
34 |
| - <div class="card"> |
35 |
| - <img class="card-img-top" src="https://dummyimage.com/600x400/55595c/fff" alt="Card image cap"> |
36 |
| - <div class="card-body"> |
37 |
| - <h4 class="card-title"><a href="product.html" title="View Product">Product title</a></h4> |
38 |
| - <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> |
39 |
| - <div class="row"> |
40 |
| - <div class="col"> |
41 |
| - <p class="btn btn-danger btn-block">99.00 $</p> |
42 |
| - </div> |
43 |
| - <div class="col"> |
44 |
| - <a href="#" class="btn btn-success btn-block">Add to cart</a> |
45 |
| - </div> |
46 |
| - </div> |
47 |
| - </div> |
48 |
| - </div> |
49 |
| - </div> |
50 |
| - <div class="col-12 col-md-6 col-lg-4"> |
51 |
| - <div class="card"> |
52 |
| - <img class="card-img-top" src="https://dummyimage.com/600x400/55595c/fff" alt="Card image cap"> |
53 |
| - <div class="card-body"> |
54 |
| - <h4 class="card-title"><a href="product.html" title="View Product">Product title</a></h4> |
55 |
| - <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> |
56 |
| - <div class="row"> |
57 |
| - <div class="col"> |
58 |
| - <p class="btn btn-danger btn-block">99.00 $</p> |
59 |
| - </div> |
60 |
| - <div class="col"> |
61 |
| - <a href="#" class="btn btn-success btn-block">Add to cart</a> |
62 |
| - </div> |
63 |
| - </div> |
64 |
| - </div> |
65 |
| - </div> |
66 |
| - </div> |
67 |
| - <div class="col-12 col-md-6 col-lg-4"> |
68 |
| - <div class="card"> |
69 |
| - <img class="card-img-top" src="https://dummyimage.com/600x400/55595c/fff" alt="Card image cap"> |
70 |
| - <div class="card-body"> |
71 |
| - <h4 class="card-title"><a href="product.html" title="View Product">Product title</a></h4> |
72 |
| - <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> |
73 |
| - <div class="row"> |
74 |
| - <div class="col"> |
75 |
| - <p class="btn btn-danger btn-block">99.00 $</p> |
76 |
| - </div> |
77 |
| - <div class="col"> |
78 |
| - <a href="#" class="btn btn-success btn-block">Add to cart</a> |
79 |
| - </div> |
80 |
| - </div> |
81 |
| - </div> |
82 |
| - </div> |
83 |
| - </div> |
84 |
| - <div class="col-12 col-md-6 col-lg-4"> |
85 |
| - <div class="card"> |
86 |
| - <img class="card-img-top" src="https://dummyimage.com/600x400/55595c/fff" alt="Card image cap"> |
87 |
| - <div class="card-body"> |
88 |
| - <h4 class="card-title"><a href="product.html" title="View Product">Product title</a></h4> |
89 |
| - <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> |
90 |
| - <div class="row"> |
91 |
| - <div class="col"> |
92 |
| - <p class="btn btn-danger btn-block">99.00 $</p> |
93 |
| - </div> |
94 |
| - <div class="col"> |
95 |
| - <a href="#" class="btn btn-success btn-block">Add to cart</a> |
96 |
| - </div> |
97 |
| - </div> |
98 |
| - </div> |
99 |
| - </div> |
100 |
| - </div> |
101 |
| - <div class="col-12 col-md-6 col-lg-4"> |
102 |
| - <div class="card"> |
103 |
| - <img class="card-img-top" src="https://dummyimage.com/600x400/55595c/fff" alt="Card image cap"> |
104 |
| - <div class="card-body"> |
105 |
| - <h4 class="card-title"><a href="product.html" title="View Product">Product title</a></h4> |
106 |
| - <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> |
107 |
| - <div class="row"> |
108 |
| - <div class="col"> |
109 |
| - <p class="btn btn-danger btn-block">99.00 $</p> |
110 |
| - </div> |
111 |
| - <div class="col"> |
112 |
| - <a href="#" class="btn btn-success btn-block">Add to cart</a> |
113 |
| - </div> |
114 |
| - </div> |
115 |
| - </div> |
116 |
| - </div> |
117 |
| - </div> |
118 |
| - <div class="col-12 col-md-6 col-lg-4"> |
119 |
| - <div class="card"> |
120 |
| - <img class="card-img-top" src="https://dummyimage.com/600x400/55595c/fff" alt="Card image cap"> |
121 |
| - <div class="card-body"> |
122 |
| - <h4 class="card-title"><a href="product.html" title="View Product">Product title</a></h4> |
123 |
| - <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> |
124 |
| - <div class="row"> |
125 |
| - <div class="col"> |
126 |
| - <p class="btn btn-danger btn-block">99.00 $</p> |
127 |
| - </div> |
128 |
| - <div class="col"> |
129 |
| - <a href="#" class="btn btn-success btn-block">Add to cart</a> |
| 23 | + |
| 24 | + @foreach (var product in Model.ProductList) |
| 25 | + { |
| 26 | + <div class="col-12 col-md-6 col-lg-4"> |
| 27 | + <div class="card"> |
| 28 | + <a asp-page="ProductDetail" asp-route-productId="@product.Id"><img asp-append-version="true" class="card-img-top" src="~/images/product/@product.ImageFile" alt=""></a> |
| 29 | + <div class="card-body"> |
| 30 | + <h4 class="card-title"> |
| 31 | + <a asp-page="ProductDetail" asp-route-productId="@product.Id" class="color-main">@product.Name</a> |
| 32 | + </h4> |
| 33 | + <p class="card-text">@product.Summary</p> |
| 34 | + <div class="card-footer"> |
| 35 | + <div class="row"> |
| 36 | + <div class="col"> |
| 37 | + <p class="btn btn-danger">@product.Price</p> |
| 38 | + </div> |
| 39 | + <div class="col"> |
| 40 | + <a asp-page="Product" asp-route-productId="@product.Id" class="btn btn-success btn-block">Add to Cart</a> |
| 41 | + </div> |
| 42 | + </div> |
130 | 43 | </div>
|
131 | 44 | </div>
|
132 | 45 | </div>
|
133 | 46 | </div>
|
134 |
| - </div> |
| 47 | + } |
| 48 | + |
| 49 | + |
135 | 50 | <div class="col-12">
|
136 | 51 | <nav aria-label="...">
|
137 | 52 | <ul class="pagination">
|
|
149 | 64 | </ul>
|
150 | 65 | </nav>
|
151 | 66 | </div>
|
| 67 | + |
| 68 | + |
152 | 69 | </div>
|
153 | 70 | </div>
|
154 | 71 |
|
|
0 commit comments