|
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