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