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 if (unitsSelector && product.UnitOptions.Count > 0)
127 {
128 <form method="post" action="/Default.aspx?ID=@(Pageview.Page.ID)&ProductId=@product.Id" id="UnitSelectorForm_@(product.Id)_@(product.VariantId.Replace(".", "_"))_@Model.ID">
129 <input type="hidden" name="redirect" value="false">
130 <input type="hidden" name="VariantID" value="@product.VariantId">
131 <input type="hidden" name="UnitID" class="js-unit-id" value="@unitId">
132 </form>
133 }
134
135 <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">
136 @if (!anonymousUser && favoritesSelector)
137 {
138 @RenderPartial("Components/ToggleFavorite.cshtml", product)
139 }
140
141 @*START CUSTOM CODE*@
142 @if (product.ReplacementProduct != null && product.ReplacementProduct.ProductId != "")
143 {
144 var replacementProductLink = $"{Dynamicweb.Frontend.SearchEngineFriendlyURLs.GetFriendlyUrl(GetPageIdByNavigationTag("Shop"))}?ProductId={product.ReplacementProduct.ProductId}&VariantId={product.ReplacementProduct.VariantId}";
145
146 <div class="@fullWidth ms-4">
147 <a href="@replacementProductLink" class="btn btn-primary text-nowrap">@Translate("View Replacement")</a>
148 </div>
149 }
150 else
151 {
152 @*END CUSTOM CODE*@
153 <form method="post" action="@url" class="@fullWidth" style="z-index: 1">
154 <input type="hidden" name="redirect" value="false">
155 <input type="hidden" name="ProductId" value="@product.Id">
156 <input type="hidden" name="ProductName" value="@HtmlEncoder.HtmlEncode(product.Name)">
157 <input type="hidden" name="ProductVariantName" value="@product.VariantName">
158 <input type="hidden" name="ProductCurrency" value="@Dynamicweb.Ecommerce.Common.Context.Currency.Code">
159 <input type="hidden" name="ProductPrice" value="@PriceViewModelExtensions.ToStringInvariant(product.Price)">
160 <input type="hidden" name="ProductReferer" value="component_ProductAddToCart">
161 <input type="hidden" name="cartcmd" value="add">
162 <input type="submit" class="d-none" onclick="event.preventDefault(); swift.Cart.Update(event)"> @* Fix for enterKey should not redirect to minicart page *@
163
164 @if (!string.IsNullOrEmpty(product.VariantId))
165 {
166 <input type="hidden" name="VariantId" value="@product.VariantId">
167 }
168
169 <template class="js-step-quantity-warning">
170 <div class="modal-header">
171 <h1 class="modal-title fs-5">@Translate("The quantity is not valid")</h1>
172 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
173 </div>
174 <div class="modal-body">
175 @Translate("Please select a quantity that is dividable by") @stepQty
176 </div>
177 </template>
178
179
180 <template class="js-min-quantity-warning">
181 <div class="modal-header">
182 <h1 class="modal-title fs-5">@Translate("The product could not be added to the cart")</h1>
183 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
184 </div>
185 <div class="modal-body">
186 @Translate("The quantity is not valid. You must buy at least") @product.PurchaseMinimumQuantity
187 </div>
188 </template>
189
190 <template class="js-value-missing-warning">
191 <div class="modal-header">
192 <h1 class="modal-title fs-5">@Translate("No amount specified")</h1>
193 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
194 </div>
195 <div class="modal-body">
196 @Translate("Specify an amount to add to the cart")
197 </div>
198 </template>
199
200
201 @if (userHasPendingQuote)
202 {
203 <input type="hidden" name="PendingQuote" value="true">
204
205 <template class="js-pending-quote-notice">
206 <div class="modal-header">
207 <h1 class="modal-title fs-5">@Translate("Pending Quote")</h1>
208 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="@Translate("Close")"></button>
209 </div>
210 <div class="modal-body">
211 @Translate("You need to complete your current quote or empty the cart before adding this product to cart.")
212 </div>
213 </template>
214 }
215
216 @if (quantitySelector || (!anonymousUser && product.VariantInfo.VariantInfo != null) || (!anonymousUser && favoritesSelector))
217 {
218 <input type="hidden" id="Unit_@(product.Id)_@product.VariantId.Replace(".", "_")" name="UnitID" value="@unitId" />
219 }
220
221 <div class="d-flex flex-row w-100">
222 @if (!quantitySelector)
223 {
224 <input id="Quantity_@(product.Id)_@product.VariantId.Replace(".", "_")" class="swift_quantity_field" name="Quantity" value="@valueQty" type="hidden" @disableAddToCart>
225 }
226
227 @if (unitsSelector && product.UnitOptions.Count > 0)
228 {
229 string selectedUnitName = !string.IsNullOrEmpty(unitId) && product?.UnitOptions != null ? unitId : product.UnitOptions.FirstOrDefault<UnitOptionViewModel>().Name;
230
231 foreach (var unitOption in product.UnitOptions)
232 {
233 if (unitOption.Id == unitId)
234 {
235 selectedUnitName = unitOption.Name;
236 }
237 }
238
239 <div class="d-flex flex-column gap-2 w-100">
240 <div class="input-group input-primary-button-group flex-nowrap@(inputSize)">
241
242 @if (quantitySelector)
243 {
244 <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>
245 }
246
247 <button class="btn btn-secondary @flexFill dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
248 @selectedUnitName
249 </button>
250
251 <ul class="dropdown-menu swift_unit-field">
252 @foreach (var unitOption in product.UnitOptions)
253 {
254 var selectedUnit = unitOption.Id == unitId ? "selected" : "";
255
256 <li>
257 <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');
258 document.querySelector('#Unit_@(product.Id)_@product.VariantId.Replace(".", "_")').value = this.getAttribute('data-value');
259 swift.PageUpdater.Update(document.querySelector('#UnitSelectorForm_@(product.Id)_@(product.VariantId.Replace(".", "_"))_@Model.ID'))">
260 <span>@unitOption.Name</span>
261 <span>
262 @if (unitOption.StockLevel > 0 || unitOption.NeverOutOfStock)
263 {
264 if (!Model.Item.GetBoolean("HideInventory") && !unitOption.NeverOutOfStock)
265 {
266 <span class="small text-success">@unitOption.StockLevel @Translate("In stock")</span>
267 }
268 else
269 {
270 <span class="small text-success">@Translate("In stock")</span>
271 }
272 }
273 else
274 {
275 <span class="small text-danger">@Translate("Out of Stock")</span>
276 }
277 </span>
278 </button>
279 </li>
280 }
281 </ul>
282 </div>
283 <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">
284 @if (!Model.Item.GetBoolean("HideButtonText"))
285 {
286 <span class="text-nowrap d-flex align-items-center justify-content-center gap-2">
287 @addToCartLabel
288 </span>
289 }
290 else
291 {
292 @addToCartLabel
293 }
294 </button>
295 </div>
296 }
297 else
298 {
299 <div class="input-group input-primary-button-group flex-nowrap@(inputSize)">
300 @if (quantitySelector)
301 {
302 <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>
303 }
304
305 <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">
306 @if (!Model.Item.GetBoolean("HideButtonText"))
307 {
308 <span class="text-nowrap d-flex align-items-center justify-content-center gap-2">
309 @addToCartLabel
310 </span>
311 }
312 else
313 {
314 @addToCartLabel
315 }
316 </button>
317 </div>
318 }
319 </div>
320 </form>
321 @*START CUSTOM CODE*@
322 }
323 @*END CUSTOM CODE*@
324
325
326 </div>
327 }
328 else if (whenVariantsExist == "modal")
329 {
330 string ButtonShape = Model.Item.GetRawValueString("VariantButtonShape", "square");
331 string buttonAspectRatio = Model.Item.GetRawValueString("VariantImageAspectRatio", "56%");
332
333 string buttonText = Translate("Select");
334 string variantId = !string.IsNullOrWhiteSpace(product.VariantId) ? product.VariantId : product.DefaultVariantId;
335
336 string variantSelectorServicePageId = !string.IsNullOrEmpty(Model.Item.GetString("VariantSelectorServicePageId")) ? Model.Item.GetLink("VariantSelectorServicePageId").PageId.ToString() : "";
337 variantSelectorServicePageId = variantSelectorServicePageId != "" ? variantSelectorServicePageId : GetPageIdByNavigationTag("VariantSelectorService").ToString();
338
339 <div class="d-flex @horizontalAlign w-100 item_@Model.Item.SystemName.ToLower()">
340 @if (!anonymousUser && favoritesSelector)
341 {
342 @RenderPartial("Components/ToggleFavorite.cshtml", product)
343 }
344 <form action="/Default.aspx?ID=@variantSelectorServicePageId" data-response-target-element="DynamicModalContent" data-preloader="inline" style="z-index: 1" class="@fullWidth">
345 <input type="hidden" name="ProductID" value="@product.Id">
346 <input type="hidden" name="VariantID" value="@variantId">
347 <input type="hidden" name="QuantitySelector" value="@quantitySelector.ToString()">
348 <input type="hidden" name="HideInventory" value="@hideInventory.ToString()">
349 <input type="hidden" name="HideStockState" value="@hideStockState.ToString()">
350 <input type="hidden" name="ButtonLayout" value="@ButtonShape">
351 <input type="hidden" name="ButtonAspectRatio" value="@buttonAspectRatio">
352 <input type="hidden" name="VariantSelectorServicePage" value="@variantSelectorServicePageId">
353 <input type="hidden" name="ViewType" value="ModalContent">
354 @if (isLazyLoadingForProductInfoEnabled)
355 {
356 @* If lazy loading is enabled, bypass it because we're loading a modal window, so render everything as if it was server-side *@
357 <input type="hidden" name="getproductinfo" value="true">
358 }
359 <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>
360 </form>
361 </div>
362 }
363 }
364 else if (!string.IsNullOrEmpty(zeroPriceMessage))
365 {
366 <div class="d-flex @horizontalAlign @fullWidth item_@Model.Item.SystemName.ToLower()">@zeroPriceMessage</div>
367 }
368 else if (Pageview.IsVisualEditorMode)
369 {
370 <div class="alert alert-dark m-0">@Translate("No products available")</div>
371 }
372