This repository has been archived on 2023-10-28. You can view files and clone it, but cannot push or open issues or pull requests.
pwt-0x01-ng/Views/Products/_partial_SimilarProducts.cs...
surtur 6a7ec20275
All checks were successful
continuous-integration/drone/push Build is passing
add SimilarProducts partial view
* shows up to 3 similar products
* include it in product Detail
2021-02-21 04:10:56 +01:00

36 lines
1.2 KiB
Plaintext

@model pwt_0x01_ng.Models.Product
@{
IList<Product> similar;
similar = (IList<Product>) ViewData["similar"];
}
<div class="container">
<div class="col-lg-9">
<div class="row">
@if (similar != null && similar.Count > 0) {
<div class="col-lg-12 col-md-12">
<div class="col-lg-4 col-md-4">
<hr>
<label>Similar products</label>
</div>
</div>
int count_till = 3;
if (similar.Count < 3) count_till = similar.Count;
@for (int i = 0; i < count_till; i++) {
<div id="prod_card" class="col-lg-4 col-md-6 mb-4">
<div class="card h-100">
<a asp-area="" asp-controller="Products" asp-action="Detail" asp-route-id="@similar[i].id"><img class="card-img-top img-responsive" id="prod_list_img" src="@similar[i].ImageSrc" alt="@similar[i].ImageAlt"></a>
<div class="card-body">
<label><a asp-area="" asp-controller="Products" asp-action="Detail" asp-route-id="@similar[i].id">@similar[i].Name</a></label>
<div class="card-text">@similar[i].Description</div>
</div>
<div class="card-footer">
<div class="text-muted">@similar[i].Price €</div>
</div>
</div>
</div>
}
}
</div>
</div>
</div>