1 @inherits ViewModelTemplate<PageViewModel>
2 @using Core.Constants
3 @using Core.Models
4 @using Core.Services
5 @using Core.Settings
6 @using Core.ViewModels.UI
7 @using Dynamicweb.Ecommerce.Frontend
8 @using Dynamicweb.Frontend
9 @using Dynamicweb.Rendering
10 @using ButtonViewModel = Core.ViewModels.UI.ButtonViewModel
11 12 @{
13 CartViewModel cartViewModel = Model.Cart;
14 15 HeadingViewModel miniCartHeading = new HeadingViewModel()
16 {
17 NodeName = HeadingNodeName.H5,
18 Id = "core-mini-cart__heading",
19 Text = Translate("Shopping cart"),
20 Classes = new ClassList("offcanvas-title")
21 };
22 ButtonViewModel miniCartOffcanvasDismissButton = new ButtonViewModel
23 {
24 Text = string.Empty,
25 Icon = Images.IconPath + "x.svg",
26 Type = ButtonType.Button,
27 DisplayType = ButtonDisplayType.None,
28 Classes = new ClassList("btn ms-auto"),
29 DataAttributes = new AttributeCollection()
30 {
31 { "bs-dismiss", "offcanvas" },
32 },
33 AriaAttributes = new AttributeCollection()
34 {
35 { "label", "Close" }
36 }
37 };
38 }
39 <core-mini-cart>
40 <div class="offcanvas offcanvas-end core-mini-cart" tabindex="-1" id="core-mini-cart" aria-labelledby="@miniCartHeading.Id">
41 <div class="offcanvas-header">
42 @miniCartHeading.Render()
43 @miniCartOffcanvasDismissButton.Render()
44 </div>
45 <div class="offcanvas-body">
46 @{
47 OrderViewModel? orderViewModel = OrderService.Instance.GetOrderViewModel(cartViewModel.ID);
48 @(new ButtonViewModel()
49 {
50 Text = Translate("Go to cart"),
51 Type = ButtonType.Link,
52 DisplayType = ButtonDisplayType.Primary,
53 Link = new LinkViewModel()
54 {
55 Url = $"Default.aspx?ID={Ecommerce.GetCartPageId()}"
56 }
57 })
58 <hr>
59 <div class="js-core-cart__order-summary">
60 @RenderingService.Instance.PartialView("eCom7/CartV2/Step/partials/core__order-summary.cshtml", orderViewModel)
61 </div>
62 <hr>
63 <div class="js-core-cart__order-lines">
64 @foreach (CartOrderlineViewModel orderLine in cartViewModel.CartOrderlines)
65 {
66 @RenderingService.Instance.PartialView("eCom7/CartV2/Step/partials/core__order-line.cshtml", orderLine)
67 }
68 </div>}
69 </div>
70 </div>
71 </core-mini-cart>
72 @AssetService.Instance.GetJavascript("03-ecommerce/core-mini-cart.mjs")
