1 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.ParagraphViewModel>
2 @using Dynamicweb.Ecommerce.ProductCatalog
3 @using Dynamicweb.Core.Encoders
4 @using System.Globalization
5
6 @functions {
7 string DoubleToString(double? value)
8 {
9 if (value.HasValue)
10 {
11 return value.Value.ToString(CultureInfo.InvariantCulture);
12 }
13 return null;
14 }
15 }
16
17 @{
18 ProductViewModel product = null;
19 if (Dynamicweb.Context.Current.Items.Contains("ProductDetails"))
20 {
21 product = (ProductViewModel)Dynamicweb.Context.Current.Items["ProductDetails"];
22 }
23 else if (Pageview.Page.Item["DummyProduct"] != null && Pageview.IsVisualEditorMode)
24 {
25 var pageViewModel = Dynamicweb.Frontend.ContentViewModelFactory.CreatePageInfoViewModel(Pageview.Page);
26 ProductListViewModel productList = pageViewModel.Item.GetValue("DummyProduct") != null ? pageViewModel.Item.GetValue("DummyProduct") as ProductListViewModel : new ProductListViewModel();
27
28 if (productList?.Products is object)
29 {
30 product = productList.Products[0];
31 }
32 }
33
34 bool showZeroPrice = Model.Item.GetString("ShowPrice") == "show";
35 string zeroPriceMessage = Model.Item.GetString("Message");
36
37 string anonymousUsersLimitations = Pageview.AreaSettings.GetRawValueString("AnonymousUsers", "");
38 bool anonymousUser = Pageview.User == null;
39 bool isErpConnectionDown = !Dna.Ecommerce.LiveIntegration.TemplatesHelper.IsWebServiceConnectionAvailable();
40 bool isLazyLoadingForProductInfoEnabled = Dna.Ecommerce.LiveIntegration.TemplatesHelper.IsLazyLoadingForProductInfoEnabled;
41 bool hideAddToCart = (anonymousUsersLimitations.Contains("cart") && anonymousUser) || (Pageview.AreaSettings.GetBoolean("ErpDownHideAddToCart") && isErpConnectionDown) || (!showZeroPrice && (product.Price.Price <= 0 && !isLazyLoadingForProductInfoEnabled));
42 hideAddToCart = Dna.SwiftRizzo.NonOrderable.Helpers.IsProductNonOrderable(product) || hideAddToCart;
43 hideAddToCart = Pageview.IsVisualEditorMode ? false : hideAddToCart;
44
45 string horizontalAlign = Model.Item.GetRawValueString("HorizontalAlignment", "");
46 horizontalAlign = horizontalAlign == "center" ? "justify-content-center" : horizontalAlign;
47 horizontalAlign = horizontalAlign == "end" ? "justify-content-end" : horizontalAlign;
48 horizontalAlign = horizontalAlign == "full" ? "" : horizontalAlign;
49
50 string fullWidth = Model.Item.GetRawValueString("HorizontalAlignment", "") == "full" ? "w-100" : "";
51 }
52
53 @if (product is object && !hideAddToCart)
54 {
55 bool favoritesSelector = !string.IsNullOrEmpty(Model.Item.GetString("ShowAddToFavorites")) ? Model.Item.GetBoolean("ShowAddToFavorites") : false;
56 bool quantitySelector = !string.IsNullOrEmpty(Model.Item.GetString("ShowQuantitySelector")) ? Model.Item.GetBoolean("ShowQuantitySelector") : false;
57 bool unitsSelector = !string.IsNullOrEmpty(Model.Item.GetString("ShowUnitsSelector")) ? Model.Item.GetBoolean("ShowUnitsSelector") : false;
58 bool hideInventory = !string.IsNullOrEmpty(Model.Item.GetString("HideInventory")) ? Model.Item.GetBoolean("HideInventory") : false;
59 bool hideStockState = !string.IsNullOrEmpty(Model.Item.GetString("HideStockState")) ? Model.Item.GetBoolean("HideStockState") : false;
60
61 string buttonSize = Model.Item.GetRawValueString("ButtonSize", "regular");
62 string inputSize = string.Empty;
63
64 switch (buttonSize)
65 {
66 case "small":
67 inputSize = " input-group-sm";
68 buttonSize = " btn-sm";
69 break;
70 case "regular":
71 buttonSize = string.Empty;
72 break;
73 case "large":
74 inputSize = " input-group-lg";
75 buttonSize = " btn-lg";
76 break;
77 }
78
79 string iconPath = "/Files/icons/";
80 string url = "/Default.aspx?ID=" + (GetPageIdByNavigationTag("CartService"));
81 if (!url.Contains("LayoutTemplate"))
82 {
83 url += url.Contains("?") ? "&LayoutTemplate=Swift_MiniCart.cshtml" : "?LayoutTemplate=Swift_MiniCart.cshtml";
84 }
85
86 string whenVariantsExist = Model.Item.GetRawValueString("WhenVariantsExist", "hide");
87 string flexFill = Model.Item.GetRawValueString("HorizontalAlignment", "") == "full" ? "flex-fill" : "";
88 string addToCartIcon = Model.Item.GetRawValueString("Icon", iconPath + "shopping-cart.svg");
89 string addToCartLabel = !addToCartIcon.Contains("_none") ? $"<span class=\"icon-2\">{ReadFile(addToCartIcon)}</span>" : "";
90 addToCartLabel += !addToCartIcon.Contains("_none") && !Model.Item.GetBoolean("HideButtonText") ? " " : "";
91 addToCartLabel += !Model.Item.GetBoolean("HideButtonText") ? $"<span class=\"d-none d-md-inline\">{Translate("Add to cart")}</span><span class=\"d-inline d-md-none\">{Translate("Add")}</span>" : "";
92
93 bool userHasPendingQuote = Dynamicweb.Ecommerce.Common.Context.Cart != null && Dynamicweb.Ecommerce.Common.Context.Cart.IsQuote;
94 string cartOnClickText = userHasPendingQuote ? $"alert('{Translate("You need to complete your current quote or empty the cart before adding this product to cart")}')"
95 : "swift.Cart.Update(event)";
96
97 string liveInfoClass = isLazyLoadingForProductInfoEnabled ? "js-live-info" : "";
98
99 if (product.VariantInfo.VariantInfo == null || whenVariantsExist == "disable")
100 {
101 string unitId = !string.IsNullOrEmpty(Dynamicweb.Context.Current.Request.Form.Get("UnitId")) ? Dynamicweb.Context.Current.Request.Form.Get("UnitId") : product.DefaultUnitId;
102 if (string.IsNullOrEmpty(unitId) && product?.UnitOptions != null)
103 {
104 if (product.UnitOptions.FirstOrDefault<UnitOptionViewModel>() != null)
105 {
106 unitId = product.UnitOptions.FirstOrDefault<UnitOptionViewModel>().Id;
107 }
108 }
109
110 double? stepQty = product.PurchaseQuantityStep > 0 ? product.PurchaseQuantityStep : 1;
111 double? minQty = product.PurchaseMinimumQuantity > 0 ? product.PurchaseMinimumQuantity : 1;
112 double? valueQty = minQty > stepQty ? minQty : stepQty;
113 string disableAddToCart = null;
114 double? maxQty = null;
115
116 //START CUSTOM CODE
117 if ((product.ProductType == Dynamicweb.Ecommerce.Products.ProductType.Stock || product.ProductType == Dynamicweb.Ecommerce.Products.ProductType.Bom) && !product.NeverOutOfstock)
118 {
119 //END CUSTOM CODE
120 disableAddToCart = (product.StockLevel <= 0) || (!product.NeverOutOfstock && isLazyLoadingForProductInfoEnabled) ? "disabled" : disableAddToCart;
121 maxQty = product.StockLevel;
122 }
123
124 disableAddToCart = whenVariantsExist == "disable" && product.VariantInfo.VariantInfo != null && string.IsNullOrEmpty(product.VariantId) ? "disabled" : disableAddToCart;
125
126 //START CUSTOM CODE
127 if (disableAddToCart == "disabled") {
128 addToCartLabel = !addToCartIcon.Contains("_none") ? $"<span class=\"icon-2\">{ReadFile(addToCartIcon)}</span>" : "";
129 addToCartLabel += !addToCartIcon.Contains("_none") && !Model.Item.GetBoolean("HideButtonText") ? " " : "";
130 addToCartLabel += !Model.Item.GetBoolean("HideButtonText") ? $"<span class=\"d-none d-md-inline\">{Translate("Currently Unavailable")}</span><span class=\"d-inline d-md-none\">{Translate("Unavailable")}</span>" : "";
131 }
132 //END CUSTOM CODE
133
134 if (unitsSelector && product.UnitOptions.Count > 0)
135 {
136 <form method="post" action="/Default.aspx?ID=@(Pageview.Page.ID)&ProductId=@product.Id" id="UnitSelectorForm_@(product.Id)_@(product.VariantId.Replace(".", "_"))_@Model.ID">
137 <input type="hidden" name="redirect" value="false">
138 <input type="hidden" name="VariantID" value="@product.VariantId">
139 <input type="hidden" name="UnitID" class="js-unit-id" value="@unitId">
140 </form>
141 }
142
143 <div class="d-flex @horizontalAlign @fullWidth @liveInfoClass js-input-group item_@Model.Item.SystemName.ToLower()" data-product-id="@product.Id" data-variant-id="@product.VariantId" data-show-zero-price="@showZeroPrice" data-zero-price-message="@zeroPriceMessage">
144 @if (!anonymousUser && favoritesSelector)
145 {
146 @RenderPartial("Components/ToggleFavorite.cshtml", product)
147 }
148
149 @*START CUSTOM CODE*@
150 @if (product.ReplacementProduct != null && product.ReplacementProduct.ProductId != "")
151 {
152 var replacementProductLink = $"{Dynamicweb.Frontend.SearchEngineFriendlyURLs.GetFriendlyUrl(GetPageIdByNavigationTag("Shop"))}?ProductId={product.ReplacementProduct.ProductId}&VariantId={product.ReplacementProduct.VariantId}";
153
154 <div class="@fullWidth ms-4">
155 <a href="@replacementProductLink" class="btn btn-primary text-nowrap">@Translate("View Replacement")</a>
156 </div>
157 }
158 else
159 {
160 @*END CUSTOM CODE*@
161 <form method="post" action="@url" class="@fullWidth" style="z-index: 1">
162 <input type="hidden" name="redirect" value="false">
163 <input type="hidden" name="ProductId" value="@product.Id">
164 <input type="hidden" name="ProductName" value="@HtmlEncoder.HtmlEncode(product.Name)">
165 <input type="hidden" name="ProductVariantName" value="@product.VariantName">
166 <input type="hidden" name="ProductCurrency" value="@Dynamicweb.Ecommerce.Common.Context.Currency.Code">
167 <input type="hidden" name="ProductPrice" value="@PriceViewModelExtensions.ToStringInvariant(product.Price)">
168 <input type="hidden" name="ProductReferer" value="component_ProductAddToCart">
169 <input type="hidden" name="cartcmd" value="add">
170 <input type="submit" class="d-none" onclick="event.preventDefault(); swift.Cart.Update(event)"> @* Fix for enterKey should not redirect to minicart page *@
171
172 @if (!string.IsNullOrEmpty(product.VariantId))
173 {
174 <input type="hidden" name="VariantId" value="@product.VariantId">
175 }
176
177 <template class="js-step-quantity-warning">
178 <div class="modal-header">
179 <h1 class="modal-title fs-5">@Translate("The quantity is not valid")</h1>
180 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
181 </div>
182 <div class="modal-body">
183 @Translate("Please select a quantity that is dividable by") @stepQty
184 </div>
185 </template>
186
187
188 <template class="js-min-quantity-warning">
189 <div class="modal-header">
190 <h1 class="modal-title fs-5">@Translate("The product could not be added to the cart")</h1>
191 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
192 </div>
193 <div class="modal-body">
194 @Translate("The quantity is not valid. You must buy at least") @product.PurchaseMinimumQuantity
195 </div>
196 </template>
197
198 <template class="js-value-missing-warning">
199 <div class="modal-header">
200 <h1 class="modal-title fs-5">@Translate("No amount specified")</h1>
201 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
202 </div>
203 <div class="modal-body">
204 @Translate("Specify an amount to add to the cart")
205 </div>
206 </template>
207
208
209 @if (userHasPendingQuote)
210 {
211 <input type="hidden" name="PendingQuote" value="true">
212
213 <template class="js-pending-quote-notice">
214 <div class="modal-header">
215 <h1 class="modal-title fs-5">@Translate("Pending Quote")</h1>
216 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="@Translate("Close")"></button>
217 </div>
218 <div class="modal-body">
219 @Translate("You need to complete your current quote or empty the cart before adding this product to cart.")
220 </div>
221 </template>
222 }
223
224 @if (quantitySelector || (!anonymousUser && product.VariantInfo.VariantInfo != null) || (!anonymousUser && favoritesSelector))
225 {
226 <input type="hidden" id="Unit_@(product.Id)_@product.VariantId.Replace(".", "_")" name="UnitID" value="@unitId" />
227 }
228
229 <div class="d-flex flex-row w-100">
230 @if (!quantitySelector)
231 {
232 <input id="Quantity_@(product.Id)_@product.VariantId.Replace(".", "_")" class="swift_quantity_field" name="Quantity" value="@valueQty" type="hidden" @disableAddToCart>
233 }
234
235 @if (unitsSelector && product.UnitOptions.Count > 0)
236 {
237 string selectedUnitName = !string.IsNullOrEmpty(unitId) && product?.UnitOptions != null ? unitId : product.UnitOptions.FirstOrDefault<UnitOptionViewModel>().Name;
238
239 foreach (var unitOption in product.UnitOptions)
240 {
241 if (unitOption.Id == unitId)
242 {
243 selectedUnitName = unitOption.Name;
244 }
245 }
246
247 <div class="d-flex flex-column gap-2 w-100">
248 <div class="input-group input-primary-button-group flex-nowrap@(inputSize)">
249
250 @if (quantitySelector)
251 {
252 <input id="Quantity_@(product.Id)_@product.VariantId.Replace(".", "_")" name="Quantity" value="@DoubleToString(valueQty)" step="@DoubleToString(stepQty)" min="@DoubleToString(minQty)" max="@DoubleToString(maxQty)" class="form-control swift_quantity-field" style="min-width: 60px; max-width: 100px; z-index: 1" type="number" @disableAddToCart>
253 }
254
255 <button class="btn btn-secondary @flexFill dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
256 @selectedUnitName
257 </button>
258
259 <ul class="dropdown-menu swift_unit-field">
260 @foreach (var unitOption in product.UnitOptions)
261 {
262 var selectedUnit = unitOption.Id == unitId ? "selected" : "";
263
264 <li>
265 <button type="button" class="btn dropdown-item" data-value="@unitOption.Id" onclick="document.querySelector('#UnitSelectorForm_@(product.Id)_@(product.VariantId.Replace(".", "_"))_@Model.ID').querySelector('.js-unit-id').value = this.getAttribute('data-value');
266 document.querySelector('#Unit_@(product.Id)_@product.VariantId.Replace(".", "_")').value = this.getAttribute('data-value');
267 swift.PageUpdater.Update(document.querySelector('#UnitSelectorForm_@(product.Id)_@(product.VariantId.Replace(".", "_"))_@Model.ID'))">
268 <span>@unitOption.Name</span>
269 <span>
270 @if (unitOption.StockLevel > 0 || unitOption.NeverOutOfStock)
271 {
272 if (!Model.Item.GetBoolean("HideInventory") && !unitOption.NeverOutOfStock)
273 {
274 <span class="small text-success">@unitOption.StockLevel @Translate("In stock")</span>
275 }
276 else
277 {
278 <span class="small text-success">@Translate("In stock")</span>
279 }
280 }
281 else
282 {
283 <span class="small text-danger">@Translate("Out of Stock")</span>
284 }
285 </span>
286 </button>
287 </li>
288 }
289 </ul>
290 </div>
291 <button type="button" onclick="@cartOnClickText" class="btn btn-primary @(buttonSize) js-add-to-cart-button" style="white-space: nowrap" @disableAddToCart title="@Translate("Add to cart")" id="AddToCartButton@(product.Id)_@Pageview.CurrentParagraph.ID">
292 @if (!Model.Item.GetBoolean("HideButtonText"))
293 {
294 <span class="text-nowrap d-flex align-items-center justify-content-center gap-2">
295 @addToCartLabel
296 </span>
297 }
298 else
299 {
300 @addToCartLabel
301 }
302 </button>
303 </div>
304 }
305 else
306 {
307 <div class="input-group input-primary-button-group flex-nowrap@(inputSize)">
308 @if (quantitySelector)
309 {
310 <input id="Quantity_@(product.Id)_@product.VariantId.Replace(".", "_")" name="Quantity" value="@DoubleToString(valueQty)" step="@DoubleToString(stepQty)" min="@DoubleToString(minQty)" max="@DoubleToString(maxQty)" class="form-control swift_quantity-field" style="min-width: 60px; max-width: 100px; z-index: 1" type="number" @disableAddToCart>
311 }
312
313 <button type="button" onclick="@cartOnClickText" class="btn btn-primary @(buttonSize) @flexFill js-add-to-cart-button" style="white-space: nowrap" @disableAddToCart title="@Translate("Add to cart")" id="AddToCartButton@(product.Id)_@Pageview.CurrentParagraph.ID">
314 @if (!Model.Item.GetBoolean("HideButtonText"))
315 {
316 <span class="text-nowrap d-flex align-items-center justify-content-center gap-2">
317 @addToCartLabel
318 </span>
319 }
320 else
321 {
322 @addToCartLabel
323 }
324 </button>
325 </div>
326 }
327 </div>
328 </form>
329 @*START CUSTOM CODE*@
330 }
331 @*END CUSTOM CODE*@
332
333
334 </div>
335 }
336 else if (whenVariantsExist == "modal")
337 {
338 string ButtonShape = Model.Item.GetRawValueString("VariantButtonShape", "square");
339 string buttonAspectRatio = Model.Item.GetRawValueString("VariantImageAspectRatio", "56%");
340
341 string buttonText = Translate("Select");
342 string variantId = !string.IsNullOrWhiteSpace(product.VariantId) ? product.VariantId : product.DefaultVariantId;
343
344 string variantSelectorServicePageId = !string.IsNullOrEmpty(Model.Item.GetString("VariantSelectorServicePageId")) ? Model.Item.GetLink("VariantSelectorServicePageId").PageId.ToString() : "";
345 variantSelectorServicePageId = variantSelectorServicePageId != "" ? variantSelectorServicePageId : GetPageIdByNavigationTag("VariantSelectorService").ToString();
346
347 <div class="d-flex @horizontalAlign w-100 item_@Model.Item.SystemName.ToLower()">
348 @if (!anonymousUser && favoritesSelector)
349 {
350 @RenderPartial("Components/ToggleFavorite.cshtml", product)
351 }
352 <form action="/Default.aspx?ID=@variantSelectorServicePageId" data-response-target-element="DynamicModalContent" data-preloader="inline" style="z-index: 1" class="@fullWidth">
353 <input type="hidden" name="ProductID" value="@product.Id">
354 <input type="hidden" name="VariantID" value="@variantId">
355 <input type="hidden" name="QuantitySelector" value="@quantitySelector.ToString()">
356 <input type="hidden" name="HideInventory" value="@hideInventory.ToString()">
357 <input type="hidden" name="HideStockState" value="@hideStockState.ToString()">
358 <input type="hidden" name="ButtonLayout" value="@ButtonShape">
359 <input type="hidden" name="ButtonAspectRatio" value="@buttonAspectRatio">
360 <input type="hidden" name="VariantSelectorServicePage" value="@variantSelectorServicePageId">
361 <input type="hidden" name="ViewType" value="ModalContent">
362 @if (isLazyLoadingForProductInfoEnabled)
363 {
364 @* If lazy loading is enabled, bypass it because we're loading a modal window, so render everything as if it was server-side *@
365 <input type="hidden" name="getproductinfo" value="true">
366 }
367 <button type="button" onclick="@cartOnClickText" class="btn btn-primary@(buttonSize) @fullWidth" title="@Translate("Select")" data-bs-toggle="modal" data-bs-target="#DynamicModal" id="OpenVariantSelectorModal@(product.Id)_@Pageview.CurrentParagraph.ID">@buttonText</button>
368 </form>
369 </div>
370 }
371 }
372 else if (!string.IsNullOrEmpty(zeroPriceMessage))
373 {
374 <div class="d-flex @horizontalAlign @fullWidth item_@Model.Item.SystemName.ToLower()">@zeroPriceMessage</div>
375 }
376 else if (Pageview.IsVisualEditorMode)
377 {
378 <div class="alert alert-dark m-0">@Translate("No products available")</div>
379 }
380