Free standard delivery for online merchandise purchases 50LYD and above 
    Error executing template "Designs/Swift/Navigation/Custom_MegaMenu.cshtml"
System.ArgumentException: An item with the same key has already been added. Key: 5010503
   at System.Collections.Generic.Dictionary`2.TryInsert(TKey key, TValue value, InsertionBehavior behavior)
   at Dynamicweb.Ecommerce.Products.GroupService.GetSubgroups(Group group, Boolean showUnTranslated)
   at Dynamicweb.Ecommerce.Frontend.Navigation.GroupNavigationTreeNodeProvider.GetNodes(NavigationContext context, NavigationSettings settings, NavigationTreeNode parent)
   at System.Linq.Enumerable.SelectManySingleSelectorIterator`2.MoveNext()
   at System.Linq.Enumerable.SelectEnumerableIterator`2.MoveNext()
   at System.Linq.Enumerable.<Any>g__WithEnumerator|36_0[TSource](IEnumerable`1 source)
   at System.Linq.Enumerable.Any[TSource](IEnumerable`1 source)
   at CompiledRazorTemplates.Dynamic.RazorEngine_ea5e8e39626b48c1ba0ab0abfd29549c.ExecuteAsync()
   at RazorEngine.Templating.TemplateBase.Run(ExecuteContext context, TextWriter reader)
   at RazorEngine.Templating.RazorEngineCore.RunTemplate(ICompiledTemplate template, TextWriter writer, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineService.Run(ITemplateKey key, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.DynamicWrapperService.Run(ITemplateKey key, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineServiceExtensions.Run(IRazorEngineService service, String name, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineServiceExtensions.<>c__DisplayClass23_0.<Run>b__0(TextWriter writer)
   at RazorEngine.Templating.RazorEngineServiceExtensions.WithWriter(Action`1 withWriter)
   at RazorEngine.Templating.RazorEngineServiceExtensions.Run(IRazorEngineService service, String name, Type modelType, Object model, DynamicViewBag viewBag)
   at Dynamicweb.Rendering.RazorTemplateRenderingProvider.Render(Template template)
   at Dynamicweb.Rendering.TemplateRenderingService.Render(Template template)
   at Dynamicweb.Rendering.Template.RenderRazorTemplate()

    

    
  1     @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.Navigation.NavigationTreeViewModel>
  2     @using Dynamicweb
  3     @using System.IO
  4     @using Dynamicweb.Ecommerce.ProductCatalog
  5     @using Dynamicweb.Ecommerce.Common
  6     @using System.Text
  7     
  8     @functions {
  9         string RenderNavigationItem(Dynamicweb.Frontend.Navigation.NavigationTreeNodeViewModel node, string pageType, string pageIcon, string iconSize, string layout)
 10         {
 11     
 12             bool pageTypeSwiftCart = pageType == "Swift_Cart";
 13             double totalProducts = 0;
 14             if (Dynamicweb.Ecommerce.Common.Context.Cart != null && pageTypeSwiftCart)
 15             {
 16                 totalProducts = Dynamicweb.Ecommerce.Common.Context.Cart.GetParentProductLineQuantityCount(Dynamicweb.Ecommerce.Common.Context.Cart.OrderLines);
 17             }
 18     
 19             bool iconValid = pageIcon.EndsWith(".svg", StringComparison.OrdinalIgnoreCase) && !pageIcon.EndsWith("none.svg", StringComparison.OrdinalIgnoreCase);
 20             string iconPath = iconValid ? Dynamicweb.Context.Current.Server.MapPath(pageIcon) : string.Empty;
 21     
 22             string iconRender = iconValid ? $"<span class=\"{iconSize}\">{@ReadFile(iconPath)}</span>" : string.Empty;
 23             string totalProductsRender = pageTypeSwiftCart ? $"<span class=\"js-cart-qty mini-cart-quantity\">{(@totalProducts)}</span>" : string.Empty;
 24             string nameRender = $"<span class=\"cus-menu__mainmenutext\">{@node.Name}</span>";
 25     
 26             List<string> navigationItemBuilder = new List<string>();
 27             navigationItemBuilder.Add(layout.ToLower().StartsWith("link") ? nameRender : iconRender);
 28             navigationItemBuilder.Add(totalProductsRender);
 29             navigationItemBuilder.Add(layout.ToLower().EndsWith("icons") ? iconRender : layout.ToLower().EndsWith("links") ? nameRender : string.Empty);
 30     
 31             return string.Join(" ", navigationItemBuilder);
 32         }
 33     
 34         Dictionary<string, object> GetGroupImageParams()
 35         {
 36             Dictionary<string, object> groupImageParams = new Dictionary<string, object>();
 37             string productGroupImageShape = Model.Parameters["ProductGroupImageShape"] != null ? Model.Parameters["ProductGroupImageShape"].ToString() : string.Empty;
 38             string productGroupImageSize = Model.Parameters["ProductGroupImageSize"] != null ? Model.Parameters["ProductGroupImageSize"].ToString() : string.Empty;
 39             string ratio = productGroupImageSize.Contains("%") ? Model.Parameters["ProductGroupImageSize"].ToString() : string.Empty;
 40             groupImageParams.Add("ProductGroupImageShape", productGroupImageShape);
 41             groupImageParams.Add("ProductGroupImageSize", productGroupImageSize);
 42             groupImageParams.Add("Ratio", ratio);
 43             return groupImageParams;
 44         }
 45     
 46     }
 47     
 48     
 49     @{
 50         string theme = !string.IsNullOrEmpty(Model.Parameters["theme"].ToString()) ? Model.Parameters["theme"].ToString() : string.Empty;
 51         string navAlignment = !string.IsNullOrEmpty(Model.Parameters["NavAlignment"].ToString()) ? Model.Parameters["NavAlignment"].ToString() : string.Empty;
 52         string linkFontWeight = !string.IsNullOrEmpty(Model.Parameters["LinkFontWeight"].ToString()) ? Model.Parameters["LinkFontWeight"].ToString() : string.Empty;
 53         string linkCasing = !string.IsNullOrEmpty(Model.Parameters["LinkCasing"].ToString()) ? Model.Parameters["LinkCasing"].ToString() : string.Empty;
 54         string linkFontSize = !string.IsNullOrEmpty(Model.Parameters["LinkFontSize"].ToString()) ? Model.Parameters["LinkFontSize"].ToString() : string.Empty;
 55         string layout = !string.IsNullOrEmpty(Model.Parameters["Layout"].ToString()) ? Model.Parameters["Layout"].ToString() : string.Empty;
 56         string iconSize = "icon-3";
 57     
 58         if (linkFontSize == "fs-7")
 59         {
 60             iconSize = "icon-2";
 61         }
 62         if (linkFontSize == "fs-5")
 63         {
 64             iconSize = "icon-4";
 65         }
 66     
 67         string dropdownAlignment = Model.Parameters["DropdownAlignment"] != null ? Model.Parameters["DropdownAlignment"].ToString() : string.Empty;
 68         string dropdownLinkHeaderFontWeight = Model.Parameters["DropdownLinkHeaderFontWeight"] != null ? Model.Parameters["DropdownLinkHeaderFontWeight"].ToString() : string.Empty;
 69         string dropdownLinkHeaderCasing = Model.Parameters["DropdownLinkHeaderCasing"] != null ? Model.Parameters["DropdownLinkHeaderCasing"].ToString() : string.Empty;
 70         string dropdownLinkHeaderFontSize = Model.Parameters["DropdownLinkHeaderFontSize"] != null ? Model.Parameters["DropdownLinkHeaderFontSize"].ToString() : string.Empty;
 71         string dropdownLinkFontWeight = Model.Parameters["DropdownLinkFontWeight"] != null ? Model.Parameters["DropdownLinkFontWeight"].ToString() : string.Empty;
 72         string dropdownLinkCasing = Model.Parameters["DropdownLinkCasing"] != null ? Model.Parameters["DropdownLinkCasing"].ToString() : string.Empty;
 73         string dropdownLinkFontSize = Model.Parameters["DropdownLinkFontSize"] != null ? Model.Parameters["DropdownLinkFontSize"].ToString() : string.Empty;
 74         string productGroupImagePlacement = Model.Parameters["ProductGroupImagePlacement"] != null ? Model.Parameters["ProductGroupImagePlacement"].ToString() : string.Empty;
 75         string imageAlignment = "";
 76         imageAlignment = dropdownAlignment == "justify-content-start text-start" && productGroupImagePlacement == "flex-row" ? "align-items-center" : imageAlignment;
 77         imageAlignment = dropdownAlignment == "justify-content-start text-start" && productGroupImagePlacement == "flex-row-reverse" ? "align-items-center" : imageAlignment;
 78         imageAlignment = dropdownAlignment == "justify-content-start text-start" && productGroupImagePlacement == "flex-column" ? "align-items-start" : imageAlignment;
 79         imageAlignment = dropdownAlignment == "justify-content-center text-center" && productGroupImagePlacement == "flex-row" ? "align-items-center" : imageAlignment;
 80         imageAlignment = dropdownAlignment == "justify-content-center text-center" && productGroupImagePlacement == "flex-row-reverse" ? "align-items-center" : imageAlignment;
 81         imageAlignment = dropdownAlignment == "justify-content-center text-center" && productGroupImagePlacement == "flex-column" ? "align-items-center" : imageAlignment;
 82         imageAlignment = dropdownAlignment == "justify-content-end text-end" && productGroupImagePlacement == "flex-row" ? "align-items-center" : imageAlignment;
 83         imageAlignment = dropdownAlignment == "justify-content-end text-end" && productGroupImagePlacement == "flex-row-reverse" ? "align-items-center" : imageAlignment;
 84         bool showProductGroupPromotionImage = Model.Parameters.ContainsKey("ShowProductGroupPromotionImage") ? Convert.ToBoolean(Model.Parameters["ShowProductGroupPromotionImage"].ToString()) : false;
 85         string menuId = Model.Parameters.ContainsKey("menu-id") ? $"menu_{Model.Parameters["menu-id"].ToString().ToLower()}" : string.Empty;
 86         int currentParagraphId = Pageview.CurrentParagraph.ID;
 87     }
 88     
 89     <nav class="d-flex py-0 @navAlignment cus-menu__container">
 90         <ul class="nav flex-nowrap @menuId">
 91             
 92             @foreach (var node in Model.Nodes)
 93             { 
 94                     var page = Dynamicweb.Content.Services.Pages.GetPage(node.PageId);
 95                     var pageType = !string.IsNullOrEmpty(page.ItemType) ? page.ItemType : "Swift_Page";
 96     
 97                     string submenuType = "auto";
 98                     if (page.PropertyItem is object && page.PropertyItem.TryGetValue("SubmenuType", out object submenuTypeValue))
 99                         {
100                             submenuType = Dynamicweb.Core.Converter.ToString(submenuTypeValue);
101                         }
102                     string pageIcon = string.Empty;
103                     if (page.PropertyItem is object && page.PropertyItem.TryGetValue("Icon", out object pageIconValue))
104                         {
105                             pageIcon = Dynamicweb.Core.Converter.ToString(pageIconValue);
106                         }
107     
108                     var hasChildren = node.Nodes.Count() > 0;
109                     string dropdownAttributes = hasChildren ? " role=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\" data-bs-toggle=\"dropdown\" data-bs-offset=\"0,0\"" : "";
110     
111                     bool hasManyChildren = false;
112                     
113                     foreach (var subnode in node.Nodes)
114                         {
115                             if (subnode.Nodes.Any())
116                             {
117                                 hasManyChildren = true;
118                             }
119                         }
120     
121                     submenuType = submenuType == "auto" && hasManyChildren ? "megamenu" : submenuType;
122                     submenuType = submenuType == "auto" && !hasManyChildren ? "dropdown" : submenuType;
123                     string submenuTypeCss = submenuType == "dropdown" ? " dropdown" : "";
124                     submenuTypeCss = submenuType == "megamenu" ? " dropdown position-static" : submenuTypeCss;
125     
126                     string nodeId = !string.IsNullOrEmpty(node.GroupId) ? "Megamenu_" + node.GroupId + "_" + currentParagraphId : "Megamenu_Page_" + node.PageId.ToString() + "_" + currentParagraphId;
127                     string dataType = !string.IsNullOrEmpty(node.GroupId) ? "group" : "page";
128     
129                     <li id="@(nodeId)" data-type="@dataType" class="nav-item@(node.IsActive ? "active" : "") @submenuTypeCss  cus-menu__li">
130                             @if (node.IsClickable)
131                                 {
132                                     @:<a class="nav-link p-2 cus-menu__mainmenu @linkFontWeight @linkCasing @linkFontSize@(node.IsActive ? " active" : "")@(hasChildren ? " dropdown-toggle" : "")" href="@node.Link" @dropdownAttributes id="NavLink_@nodeId">
133                                 }
134                             else
135                                 {
136                                     @:<span class="nav-link p-2 @linkFontWeight @linkCasing @linkFontSize @dropdownAlignment@(hasChildren ? " dropdown-toggle" : "")" @dropdownAttributes id="NavLink_@nodeId">
137                                 }
138     
139                             @RenderNavigationItem(node, pageType, pageIcon, iconSize, layout)
140     
141                             @if (node.IsClickable)
142                                 {
143                                     if (hasChildren)
144                                     {
145                                     <span>
146                                         @ReadFile("/Files/Icons/chevron-down.svg")
147                                     </span>
148                                     }
149                                     @:</a>
150                                 }
151                             else
152                                 {
153                         @:</span>
154                                 }
155                         
156                             @if (hasChildren)
157                                 { 
158                                      if (submenuType == "megamenu")
159                                        {
160                                             <div class="dropdown-menu megamenu cusmenu-megamenu__container custom_margin" id="NavGroup@(nodeId)">
161                                                <div class="cusmenu_megamenu">
162                                                 @if (showProductGroupPromotionImage && !string.IsNullOrEmpty(node.GroupId))
163                                                       {
164                                                         <div class="grid gap-4">
165                                                           <div class="g-col-9 g-col-xxl-10">
166                                                             <div class="d-flex flex-wrap gap-3 mx-n2 mx-xxl-n3 @dropdownAlignment">
167                                                                 @foreach (var subnode in node.Nodes)
168                                                                     { 
169                                                                        nodeId = !string.IsNullOrEmpty(subnode.GroupId) ? "Megamenu_" + subnode.GroupId + "_" + currentParagraphId : "Megamenu_Page_" + subnode.PageId.ToString() + "_" + currentParagraphId;
170                                                                        dataType = !string.IsNullOrEmpty(subnode.GroupId) ? "group" : "page";
171     
172                                                                         <div class="col-4 col-xl-3 col-xxl-2">
173                                                                             @if (subnode.IsClickable)
174                                                                             {
175                                                                                 @:<a id="@(nodeId)" data-type="@dataType" href="@subnode.Link" class="nav-link text-decoration-underline-hover lh-sm text-break">
176                                                                             }
177                                                                             else
178                                                                             {
179                                                                                 @:<div id="@(nodeId)" data-type="@dataType" class="nav-link lh-sm text-break">
180                                                                             }
181                                                                             @if (productGroupImagePlacement != "none")
182                                                                             {
183                                                                                 Dictionary<string, object> groupImageParams = GetGroupImageParams();
184                                                                                 <div class="d-flex @productGroupImagePlacement @imageAlignment gap-3">
185                                                                                     @RenderPartial("Navigation/MegaMenu/GroupImage.cshtml", subnode, groupImageParams)
186                                                                                     <h6 class="m-0 w-100 @dropdownLinkHeaderFontWeight @dropdownLinkHeaderCasing @dropdownLinkHeaderFontSize">@subnode.Name</h6>
187                                                                                 </div>
188                                                                             }
189                                                                             else
190                                                                             {
191                                                                                 <h6 class="m-0 @dropdownLinkHeaderFontWeight @dropdownLinkHeaderCasing @dropdownLinkHeaderFontSize">@subnode.Name</h6>
192                                                                             }
193     
194                                                                             @if (subnode.IsClickable)
195                                                                             {
196                                                                                 @:</a>
197                                                                             }
198                                                                             else
199                                                                             {
200                                                                                 @:</div>
201                                                                             }
202     
203                                                                             
204     
205                                                                             @if (subnode.Nodes.Any())
206                                                                             { 
207                                                                                 foreach (var subsubnode in subnode.Nodes)
208                                                                                     { 
209                                                                                         nodeId = !string.IsNullOrEmpty(subsubnode.GroupId) ? "Megamenu_" + subsubnode.GroupId + "_" + currentParagraphId : "Megamenu_Page_" + subsubnode.PageId.ToString() + "_" + currentParagraphId;
210                                                                                         dataType = !string.IsNullOrEmpty(subsubnode.GroupId) ? "group" : "page";
211     
212                                                                                         if (subsubnode.IsClickable)
213                                                                                             {
214                                                                                                 <a class="nav-link text-decoration-underline-hover lh-sm text-break" href="@subsubnode.Link" @(subnode.IsActive ? " aria-current='page'" : "")>
215                                                                                                     @if (productGroupImagePlacement != "none")
216                                                                                                     {
217                                                                                                         Dictionary<string, object> groupImageParams = GetGroupImageParams();
218                                                                                                         <div class="d-flex @productGroupImagePlacement @imageAlignment gap-3">
219                                                                                                         @RenderPartial("Navigation/MegaMenu/GroupImage.cshtml", subsubnode, groupImageParams)
220                                                                                                         <span class="w-100 @dropdownLinkFontWeight @dropdownLinkCasing @dropdownLinkFontSize">@subsubnode.Name</span>
221                                                                                                         </div>
222                                                                                                     }
223                                                                                                     else
224                                                                                                      {
225                                                                                                         <span class="@dropdownLinkFontWeight @dropdownLinkCasing @dropdownLinkFontSize">@subsubnode.Name</span>
226                                                                                                      }
227                                                                                                 </a>
228                                                                                            }
229                                                                                        else
230                                                                                            {
231                                                                                                 <div class="nav-link text-decoration-underline-hover lh-sm text-break" @(subnode.IsActive ? " aria-current='page'" : "")>
232                                                                                                 @if (productGroupImagePlacement != "none")
233                                                                                                     {
234                                                                                                         Dictionary<string, object> groupImageParams = GetGroupImageParams();
235                                                                                                         <div class="d-flex @productGroupImagePlacement @imageAlignment gap-3">
236                                                                                                             @RenderPartial("Navigation/MegaMenu/GroupImage.cshtml", subsubnode, groupImageParams)
237                                                                                                             <span class="w-100 @dropdownLinkFontWeight @dropdownLinkCasing @dropdownLinkFontSize">@subsubnode.Name</span>
238                                                                                                         </div>
239                                                                                                     }
240                                                                                                 else
241                                                                                                     {
242                                                                                                          <span class="@dropdownLinkFontWeight @dropdownLinkCasing @dropdownLinkFontSize">@subsubnode.Name</span>
243                                                                                                     }
244                                                                                                 </div>
245                                                                                            }
246                                                                                     } 
247                                                                                 } 
248                                                                         </div>
249                                                                         } 
250                                                             </div>
251                                                     </div>
252                                                     <div class="g-col-3 g-col-xxl-2" id="NavGroupPromotion@(nodeId)">
253                                                             @{
254                                                                 ProductGroupViewModel promotionImageGroup = node.GetProductGroup();
255                                                                 string link = node.Link;
256                                                                 IList<FieldValueViewModel> promotionImageGroupFields = promotionImageGroup.GroupFields != null ? promotionImageGroup.GroupFields : null;
257     
258                                                                 if (promotionImageGroupFields != null)
259                                                                 { 
260                                                                     var groupName = promotionImageGroup.Name;
261                                                                     string ratio = Model.Parameters["ImageAspectRatio"].ToString();
262                                                                     ratio = ratio != "0" ? ratio : string.Empty;
263                                                                     string ratioCssClass = ratio != string.Empty ? " ratio" : "";
264                                                                     string ratioVariable = ratio != "" ? "style=\"--bs-aspect-ratio: " + ratio + "\"" : string.Empty;
265                                                                     string productGroupPromotionImage = string.Empty;
266                                                                     string productGroupPromotionImageSrc = string.Empty;
267                                                                     string productGroupPromotionImagePath = string.Empty;
268                                                                     string productGroupPromotionDescription = string.Empty;
269                                                                     string productGroupPromotionLinkLabel = string.Empty;
270                                                                     string productGroupPromotionLink = string.Empty;
271                                                                     string productGroupPromotionImageTheme = Model.Parameters.ContainsKey("ProductGroupPromotionImageTheme") ? Model.Parameters["ProductGroupPromotionImageTheme"].ToString().ToLower() : string.Empty;
272                                                                     string gridGap = !string.IsNullOrEmpty(productGroupPromotionImageTheme) ? "gap-0" : "gap-3";
273                                                                     string themePadding = !string.IsNullOrEmpty(productGroupPromotionImageTheme) ? "p-3" : "p-0";
274     
275                                                                     foreach (FieldValueViewModel field in promotionImageGroupFields)
276                                                                            {
277                                                                                 if (field.SystemName == "ProductGroupPromotionImage")
278                                                                                     {
279                                                                                         productGroupPromotionImage = field.Value != null ? field.Value.ToString() : string.Empty;
280                                                                                         productGroupPromotionImageSrc = Dynamicweb.Context.Current.Server.UrlEncode("Files/Images/" + productGroupPromotionImage);
281                                                                                         productGroupPromotionImagePath = $"/Admin/Public/GetImage.ashx?Image={productGroupPromotionImageSrc}&Width=480&Crop=0";
282                                                                                     }
283                                                                                 if (field.SystemName == "ProductGroupPromotionDescription")
284                                                                                     {
285                                                                                         productGroupPromotionDescription = field.Value != null ? field.Value.ToString() : string.Empty;
286                                                                                     }
287                                                                                 if (field.SystemName == "ProductGroupPromotionLinkLabel")
288                                                                                     {
289                                                                                         productGroupPromotionLinkLabel = field.Value != null ? field.Value.ToString() : string.Empty;
290                                                                                     }
291                                                                                 if (field.SystemName == "ProductGroupPromotionLink")
292                                                                                     {
293                                                                                         productGroupPromotionLink = field.Value != null ? field.Value.ToString() : string.Empty;
294                                                                                     }
295                                                                             }
296     
297                                                                     <div class="grid grid-1 @gridGap@(productGroupPromotionImageTheme)">
298                                                                     @if (productGroupPromotionImage != string.Empty)
299                                                                                     {
300                                                                                         productGroupPromotionLink = !string.IsNullOrEmpty(productGroupPromotionLink) ? productGroupPromotionLink : link;
301                                                                                         <a href="@productGroupPromotionLink" title="@groupName" id="NavGroupPromotionFigureLink@(promotionImageGroup.Id)">
302                                                                                         <figure class="m-0@(ratioCssClass)" @ratioVariable>
303                                                                                             <img class="img-fluid" src="@productGroupPromotionImagePath" alt="@groupName" style="object-fit:cover" loading="lazy">
304                                                                                         </figure>
305                                                                                         </a>
306                                                                                     }
307                                                                     @if (!string.IsNullOrEmpty(productGroupPromotionDescription) || !string.IsNullOrEmpty(productGroupPromotionLinkLabel))
308                                                                                     {
309                                                                                         <div class="grid grid-1 @themePadding">
310     
311                                                                                         @if (!string.IsNullOrEmpty(productGroupPromotionDescription))
312                                                                                             {
313                                                                                                 <h6 class="m-0">@productGroupPromotionDescription</h6>
314                                                                                             }
315                                                                                         @if (!string.IsNullOrEmpty(productGroupPromotionLinkLabel))
316                                                                                             {
317                                                                                             productGroupPromotionLink = !string.IsNullOrEmpty(productGroupPromotionLink) ? productGroupPromotionLink : link;
318     
319                                                                                             <a href="@productGroupPromotionLink" title="@productGroupPromotionLinkLabel" class="btn btn-link text-start border-0 p-0" id="NavGroupPromotionTextLink@(promotionImageGroup.Id)">@productGroupPromotionLinkLabel</a>
320                                                                                             }
321                                                                                         </div>
322                                                                                     }
323                                                                     </div>
324                                                                   }
325                                                             }
326                                                         </div>
327                                                     </div>
328                                                    } 
329                                                    else
330                                                    { 
331                                                             <ul class="cusmenu_megamenu__ul">
332                                                                 
333                                                                 @foreach (var subnode in node.Nodes)
334                                                                          { 
335                                                                                 nodeId = !string.IsNullOrEmpty(subnode.GroupId) ? "Megamenu_" + subnode.GroupId + "_" + currentParagraphId : "Megamenu_Page_" + subnode.PageId.ToString() + "_" + currentParagraphId;
336                                                                                 dataType = !string.IsNullOrEmpty(subnode.GroupId) ? "group" : "page";
337                                                                                 <li class="cusmenu-megamenu__firstdiv @(subnode.Nodes.Any() ? " cusmenu-secondmenu__child" : "")">
338                                                                                 <div class="cusmenu-megamenu__first">
339     
340                                                                                 @if (subnode.IsClickable)
341                                                                                     {
342                                                                                         @:<a id="@(nodeId)" data-type="@dataType" href="@subnode.Link" class="cusmenu-megamenu__link cusmenu-secondmenu__link">
343                                                                                     }
344                                                                                 else
345                                                                                     {
346                                                                                         @:<div id="@(nodeId)" data-type="@dataType" class="nav-link lh-sm text-break">
347                                                                                     }
348     
349                                                                                 @if (productGroupImagePlacement != "none")
350                                                                                     {
351                                                                                 Dictionary<string, object> groupImageParams = GetGroupImageParams();
352                                                                                 <div class="d-flex @productGroupImagePlacement @imageAlignment gap-3">
353                                                                                     @{@RenderPartial("Navigation/MegaMenu/GroupImage.cshtml", subnode, groupImageParams)}
354                                                                                     <h6 class="m-0 w-100 @dropdownLinkHeaderFontWeight @dropdownLinkHeaderCasing @dropdownLinkHeaderFontSize">@subnode.Name</h6>
355                                                                                 </div>
356                                                                                     }
357                                                                                 else
358                                                                                     {
359                                                                                     <span>@subnode.Name</span>
360                                                                                     }
361     
362                                                                                 @if (subnode.IsClickable)
363                                                                                     {
364                                                                                         if (subnode.Nodes.Any())
365                                                                                             {
366                                                                                                 <span>
367                                                                                                     @ReadFile("/Files/Icons/chevron-right.svg")
368                                                                                                 </span>
369                                                                                             }
370                                                                                         @:</a>
371                                                                                     }
372                                                                                 else
373                                                                                     {
374                                                                                         @:</div>
375                                                                                     }
376                                                                         </div>                                                       
377                                                                     </li>
378     
379                                                                             if (subnode.Nodes.Any())
380                                                                                        { 
381                                                                                             <ul class="cusmenu-megamenu__secondcontent" style="display:none;">
382                                                                                                 <div class="cusmenu-megamenu__secondlevel cus_megamenuOverFlow">
383                                                                                                 <li class="cusmenu-megamenu__secondmaindiv">
384                                                                                                     <div class="cusmenu-megamenu__second">
385                                                                                                         <span class="cusmenu-megamenu__mainmenu">@subnode.Name</span>
386                                                                                                         <a href="@subnode.Link" class="cusmenu-megamenu__browseall">@Translate("Browse all")</a>
387                                                                                                     </div>
388                                                                                                 </li>
389                                                                                                 @foreach (var subsubnode in subnode.Nodes)
390                                                                                                             { 
391                                                                                                                 nodeId = !string.IsNullOrEmpty(subsubnode.GroupId) ? "Megamenu_" + subsubnode.GroupId + "_" + currentParagraphId : "Megamenu_Page_" + subsubnode.PageId.ToString() + "_" + currentParagraphId;
392                                                                                                                 dataType = !string.IsNullOrEmpty(subsubnode.GroupId) ? "group" : "page";
393                                                                                                                                                                                                                   
394                                                                                                             <li class="cusmenu-megamenu__seconddiv @(subnode.Nodes.Any() ? " cusmenu-thirdmenu__child" : "")">
395                                                                                                                 <div class="cusmenu-megamenu__second">
396                                                                                                                     @if (subsubnode.IsClickable)
397                                                                                                                         {
398                                                                                                                     @:<a id="@(nodeId)" data-type="@dataType" class="cusmenu-megamenu__link cusmenu-megamenu__sublink cus_megamenuFlex" href="@subsubnode.Link" @(subnode.IsActive ? " aria-current='page'" : "" )>
399                                                                                                                         }
400                                                                                                                         else
401                                                                                                                         {
402                                                                                                                         @:<div id="@(nodeId)" data-type="@dataType" class="nav-link lh-sm text-break" @(subnode.IsActive ? " aria-current='page'" : "" )>
403                                                                                                                         }
404     
405     
406                                                                                                                     @if (productGroupImagePlacement != "none")
407                                                                                                                         {
408                                                                                                                             Dictionary<string, object>
409                                                                                                                             groupImageParams = GetGroupImageParams();
410                                                                                                                     <div class="d-flex @productGroupImagePlacement @imageAlignment gap-3">
411                                                                                                                         @{@RenderPartial("Navigation/MegaMenu/GroupImage.cshtml", subsubnode, groupImageParams)}
412                                                                                                                         <span class="w-100 @dropdownLinkFontWeight @dropdownLinkCasing @dropdownLinkFontSize">@subsubnode.Name</span>
413                                                                                                                     </div>
414                                                                                                                          }
415                                                                                                                         else
416                                                                                                                         {
417                                                                                                                     <span class="cusmenu_submenu_style">@subsubnode.Name</span>
418                                                                                                                         }
419     
420     
421                                                                                                                     @if (subsubnode.IsClickable)
422                                                                                                                          {
423                                                                                                                            if(subsubnode.Nodes.Any())
424                                                                                                                             {
425                                                                                                                             <span class="cusmenu-secondmenu__link svg">@ReadFile("/Files/Icons/chevron-right.svg")</span> }
426                                                                                                                                 @: </a>
427                                                                                                                             }
428                                                                                                                            else
429                                                                                                                            {
430                                                                                                                                  @:</div>
431                                                                                                                            }
432                                                                                                                     </div>
433     
434                                                                                                                     @if(subsubnode.Nodes.Any())
435                                                                                                                         {  
436     
437                                                                                                                         <ul class="cusmenu-megamenu__thirdcontent1" style="">
438                                                                                                                             <div class="cusmenu-megamenu__secondlevel cus_megamenuOverFlow">
439                                                                                                                             <li class="cusmenu-megamenu__secondmaindiv">
440                                                                                                                                 <div class="cusmenu-megamenu__second" >
441                                                                                                                                     <span class="cusmenu-megamenu__mainmenu" >@subsubnode.Name</span>
442                                                                                                                                     <a href="@subsubnode.Link" class="cusmenu-megamenu__browseall" >@Translate("Browse all")</a>
443                                                                                                                                 </div>
444                                                                                                                             </li>
445                                                                                                                             @foreach(var subsubsubnode in subsubnode.Nodes)
446                                                                                                                                     {
447                                                                                                                                         nodeId = !string.IsNullOrEmpty(subsubnode.GroupId) ? "Megamenu_" + subsubnode.GroupId + "_" + currentParagraphId : "Megamenu_Page_" + subsubnode.PageId.ToString() + "_" + currentParagraphId;
448                                                                                                                                         dataType = !string.IsNullOrEmpty(subsubnode.GroupId) ? "group" : "page";                                                                                                                   
449                                                                                                                             <li class="cusmenu-megamenu__seconddiv @(subsubnode.Nodes.Any() ? " cusmenu-fourthmenu__child" : "")">
450                                                                                                                                 <div class="cusmenu-megamenu__second1">
451                                                                                                                                     @if (subsubsubnode.IsClickable)
452                                                                                                                                                     {
453                                                                                                                                     @:<a id="@(nodeId)" data-type="@dataType" class="cusmenu-megamenu__link cusmenu-megamenu__sublink cus_megamenuFlex" href="@subsubsubnode.Link" @(subsubnode.IsActive ? " aria-current='page'" : "" )>
454                                                                                                                                                     }
455                                                                                                                                                 else
456                                                                                                                                                     {
457                                                                                                                                         @:<div id="@(nodeId)" data-type="@dataType" class="nav-link lh-sm text-break" @(subsubnode.IsActive ? " aria-current='page'" : "" )>
458                                                                                                                                                     }
459     
460                                                                                                                                     @*  </div> *@
461     
462                                                                                                                                     @if (productGroupImagePlacement != "none")
463                                                                                                                                                     {
464                                                                                                                                                         Dictionary<string, object>groupImageParams = GetGroupImageParams();
465                                                                                                                                     <div class="d-flex @productGroupImagePlacement @imageAlignment gap-3">
466                                                                                                                                         @{@RenderPartial("Navigation/MegaMenu/GroupImage.cshtml", subsubsubnode, groupImageParams)}
467                                                                                                                                         <span class="w-100 @dropdownLinkFontWeight @dropdownLinkCasing @dropdownLinkFontSize">@subsubsubnode.Name</span>
468                                                                                                                                     </div>
469                                                                                                                                                     }
470                                                                                                                                             else
471                                                                                                                                               {
472                                                                                                                                     <span class="cusmenu_submenu_style"  >@subsubsubnode.Name</span>
473                                                                                                                                               }
474     
475                                                                                                                                     @if (subsubsubnode.IsClickable)
476                                                                                                                                                 {
477                                                                                                                                                      if(subsubsubnode.Nodes.Any()){
478                                                                                                                                                         <span class="cusmenu-secondmenu__link svg">@ReadFile("/Files/Icons/chevron-right.svg")</span>
479                                                                                                                                                         }
480                                                                                                                                                     @:</a>
481                                                                                                                                                 }
482                                                                                                                                      else
483                                                                                                                                                 {
484                                                                                                                                             @:</div>
485                                                                                                                                                 }
486     
487                                                                                                                                     @if(subsubsubnode.Nodes.Any()){
488     
489                                                                                                                                     <ul class="cusmenu-megamenu__fourthcontent1" style="">
490                                                                                                                                         <div class="cusmenu-megamenu__secondlevel cus_megamenuOverFlow">
491                                                                                                                                         <li class="cusmenu-megamenu__secondmaindiv">
492                                                                                                                                             <div class="cusmenu-megamenu__second">
493                                                                                                                                                 <span class="cusmenu-megamenu__mainmenu">@subsubsubnode.Name</span>
494                                                                                                                                                 <a href="@subsubsubnode.Link" class="cusmenu-megamenu__browseall">@Translate("Browse all")</a>
495                                                                                                                                             </div>
496                                                                                                                                         </li>
497                                                                                                                                         @foreach(var subsubsubsubnode in subsubsubnode.Nodes)
498                                                                                                                                                 {
499                                                                                                                                                     nodeId = !string.IsNullOrEmpty(subsubnode.GroupId) ? "Megamenu_" + subsubnode.GroupId + "_" + currentParagraphId : "Megamenu_Page_" + subsubnode.PageId.ToString() + "_" + currentParagraphId;
500                                                                                                                                                     dataType = !string.IsNullOrEmpty(subsubnode.GroupId) ? "group" : "page";
501                                                                                                                                           <li class="cusmenu-megamenu__seconddiv @(subsubsubnode.Nodes.Any() ? " cusmenu-fifthhmenu__child" : "")">
502                                                                                                                                               <div class="cusmenu-megamenu__second1">
503                                                                                                                                                   @if (subsubsubsubnode.IsClickable)
504                                                                                                                                                     {
505                                                                                                                                                   @:<a id="@(nodeId)" data-type="@dataType" class="cusmenu-megamenu__link cusmenu-megamenu__sublink cus_megamenuFlex " href="@subsubsubsubnode.Link" @(subsubnode.IsActive ? " aria-current='page'" : "" )>
506                                                                                                                                                     }
507                                                                                                                                                 else
508                                                                                                                                                     {
509                                                                                                                                                       @:<div id="@(nodeId)" data-type="@dataType" class="nav-link lh-sm text-break" @(subsubsubnode.IsActive ? " aria-current='page'" : "" )>
510                                                                                                                                                     }
511     
512                                                                                                                                                   @*  </div> *@
513     
514                                                                                                                                                   @if (productGroupImagePlacement != "none")
515                                                                                                                                                             {
516                                                                                                                                                                 Dictionary<string, object>groupImageParams = GetGroupImageParams();
517                                                                                                                                                   <div class="d-flex @productGroupImagePlacement @imageAlignment gap-3">
518                                                                                                                                                       @{@RenderPartial("Navigation/MegaMenu/GroupImage.cshtml", subsubsubnode, groupImageParams)}
519                                                                                                                                                       <span class="w-100 @dropdownLinkFontWeight @dropdownLinkCasing @dropdownLinkFontSize">@subsubsubnode.Name</span>
520                                                                                                                                                   </div>
521                                                                                                                                                             }
522                                                                                                                                                 else
523                                                                                                                                                          {
524                                                                                                                                                   <span class="cusmenu_submenu_style">@subsubsubsubnode.Name</span>
525     
526                                                                                                                                                          }
527     
528                                                                                                                                                   @if (subsubsubsubnode.IsClickable)
529                                                                                                                                                     {
530                                                                                                                                                       if(subsubsubsubnode.Nodes.Any()){
531                                                                                                                                                             <span class="cusmenu-secondmenu__link svg">@ReadFile("/Files/Icons/chevron-right.svg")</span>
532                                                                                                                                                         }
533                                                                                                                                                          @:</a>
534                                                                                                                                                     }
535                                                                                                                                                  else
536                                                                                                                                                     {
537                                                                                                                                                         @:</div>
538                                                                                                                                                     }
539     
540                                                                                                                                                   
541                                                                                                                                                   @if(subsubsubsubnode.Nodes.Any()){
542     
543                                                                                                                                                   <ul class="cusmenu-megamenu__fifthcontent1" style="">
544                                                                                                                                                       <div class="cusmenu-megamenu__secondlevel cus_megamenuOverFlow">
545                                                                                                                                                       <li class="cusmenu-megamenu__secondmaindiv">
546                                                                                                                                                           <div class="cusmenu-megamenu__second">
547                                                                                                                                                               <span class="cusmenu-megamenu__mainmenu">@subsubsubsubnode.Name</span>
548                                                                                                                                                               <a href="@subsubsubsubnode.Link" class="cusmenu-megamenu__browseall">@Translate("Browse all")</a>
549                                                                                                                                                           </div>
550                                                                                                                                                       </li>
551                                                                                                                                                       @foreach(var subsubsubsubsubnode in subsubsubsubnode.Nodes)
552                                                                                                                                                         {
553                                                                                                                                                             nodeId = !string.IsNullOrEmpty(subsubnode.GroupId) ? "Megamenu_" + subsubnode.GroupId + "_" + currentParagraphId : "Megamenu_Page_" + subsubnode.PageId.ToString() + "_" + currentParagraphId;
554                                                                                                                                                             dataType = !string.IsNullOrEmpty(subsubnode.GroupId) ? "group" : "page";
555                                                                                                                                                     
556                                                                                                                                                             <li class="cusmenu-megamenu__fifth"> 
557                                                                                                                                                             <div class="cusmenu-megamenu__second1">
558                                                                                                                                                               @if (subsubsubsubsubnode.IsClickable)
559                                                                                                                                                                 {
560                                                                                                                                                               @:<a id="@(nodeId)" data-type="@dataType" class="cusmenu-megamenu__link cusmenu-megamenu__sublink " href="@subsubsubsubsubnode.Link" @(subsubnode.IsActive ? " aria-current='page'" : "" )>
561                                                                                                                                                                 }
562                                                                                                                                                             else
563                                                                                                                                                                 {
564                                                                                                                                                                   @:<div id="@(nodeId)" data-type="@dataType" class="nav-link lh-sm text-break" @(subsubsubnode.IsActive ? " aria-current='page'" : "" )>
565                                                                                                                                                                 }
566     
567                                                                                                                                                               @*  </div> *@
568     
569                                                                                                                                                               @if (productGroupImagePlacement != "none")
570                                                                                                                                                             {
571                                                                                                                                                                 Dictionary<string, object>groupImageParams = GetGroupImageParams();
572                                                                                                                                                               <div class="d-flex @productGroupImagePlacement @imageAlignment gap-3">
573                                                                                                                                                                   @{@RenderPartial("Navigation/MegaMenu/GroupImage.cshtml", subsubsubnode, groupImageParams)}
574                                                                                                                                                                   <span class="w-100 @dropdownLinkFontWeight @dropdownLinkCasing @dropdownLinkFontSize">@subsubsubnode.Name</span>
575                                                                                                                                                               </div>
576                                                                                                                                                             }
577                                                                                                                                                             else
578                                                                                                                                                             {
579                                                                                                                                                               <span class="cusmenu_submenu_style">@subsubsubsubsubnode.Name</span>
580     
581                                                                                                                                                             }
582     
583                                                                                                                                                               @if (subsubsubsubsubnode.IsClickable)
584                                                                                                                                                             {
585                                                                                                                                                               @:</a>
586                                                                                                                                                             }
587                                                                                                                                                             else
588                                                                                                                                                             {
589                                                                                                                                                              @:</div>
590                                                                                                                                                             }
591     
592                                                                                                                                                           </li>
593                                                                                                                                            }
594                                                                                                                                                   </ul>
595     
596                                                                                                                                        }
597                                                                                                                                                   
598                                                                                                                                               </li>
599                                                                                                                                            }
600                                                                                                                                     </ul>
601     
602                                                                                                                                        }
603                                                                                                                                 </li>
604     
605                                                                                                                                 }
606     
607                                                                                                                             </ul>
608                                                                                                                         } 
609                                                                                                                 </li>
610                                                                                                                 } 
611                                                                                                                 </div>
612                                                                                                             </ul>
613                                                                                                     } 
614                                                                          } 
615                                                             </ul>
616                                                     } 
617                                             </div>
618                                             </div>
619                                       } 
620     
621                                       else
622                                           { 
623                                                 <ul class="dropdown-menu@(theme)" aria-labelledby="@nodeId">
624                                                         @if (pageType == "Swift_SignIn")
625                                                             {
626                                                                 if (Pageview.User == null)
627                                                                     {
628                                                                         <li>
629                                                                             <a href="@node.Link" class="px-3 py-2 dropdown-item @linkFontWeight @linkCasing @linkFontSize" @(node.IsActive ? " aria-current='page'" : "")>@node.Name</a>
630                                                                         </li>
631                                                                     }
632                                                             }
633     
634                                                 @foreach (var subnode in node.Nodes)
635                                                         {
636                                                           <li>
637                                                              @if (subnode.IsClickable)
638                                                                   {
639                                                                 <a class="px-3 py-2 dropdown-item @linkFontWeight @linkCasing @linkFontSize" href="@subnode.Link" @(node.IsActive ? " aria-current='page'" : "")>@subnode.Name</a>
640                                                                   }
641                                                              else
642                                                                  {
643                                                                 <span class="px-3 py-2 dropdown-item @linkFontWeight @linkCasing @linkFontSize" @(node.IsActive ? " aria-current='page'" : "")>@subnode.Name</span>
644                                                                  }
645                                                           </li>
646                                                         }
647     
648                                                 @if (pageType == "Swift_SignIn")
649                                                         {
650                                                             if (Pageview.User != null)
651                                                                 {
652                                                                     string link = "/Admin/Public/ExtranetLogoff.aspx?redirect=no";
653     
654                                                                     <li><hr class="dropdown-divider"></li>
655     
656                                                                        if (Dynamicweb.Security.UserManagement.User.GetCurrentSecondaryUser() != null)
657                                                                             {
658                                                                                 <li>
659                                                                                     <a href="Default.aspx?ID=@(Pageview.ID)&DwExtranetRemoveSecondaryUser=1" class="px-3 py-2 dropdown-item text-decoration-underline-hover swift_sign-out-as-customer-link @linkFontWeight @linkCasing @linkFontSize" @(node.IsActive ? " aria-current='page'" : "")>@Translate("Sign out as a customer")</a>
660                                                                                 </li>
661                                                                             }
662                                                                     <li>
663                                                                         <a href="@link" class="px-3 py-2 dropdown-item text-decoration-underline-hover swift_sign-out-link @linkFontWeight @linkCasing @linkFontSize" @(node.IsActive ? " aria-current='page'" : "")>@Translate("Sign out")</a>
664                                                                     </li>
665                                                                 }
666     
667                                                         }
668                                                    </ul>
669                                                 } 
670                                   }
671                         </li>
672               } 
673                 </ul>
674             </nav>
675     
676         <script>
677             $(".cusmenu-megamenu__firstdiv").hover(function () {
678                 $(".cusmenu-megamenu__firstdiv").removeClass("cusmenu-secondmenu__childhover");
679                 $(".cusmenu-megamenu__seconddiv.cusmenu-thirdmenu__child.cus_show").removeClass("cus_show");
680                 $(".cusmenu-megamenu__secondcontent").hide();            
681             });       
682             $(".cusmenu-megamenu__firstdiv.cusmenu-secondmenu__child").hover(function () {
683                 $(".cusmenu-megamenu__seconddiv.cusmenu-thirdmenu__child.cus_show").removeClass("cus_show");
684                 $(".cusmenu-megamenu__firstdiv").removeClass("cusmenu-secondmenu__childhover");
685                 $(".cusmenu-megamenu__secondcontent").hide();            
686                 $(this).addClass("cusmenu-secondmenu__childhover");
687                 $(this).next().show();
688             });
689             $(".cusmenu-megamenu__seconddiv.cusmenu-thirdmenu__child").hover(function () {            
690                 $(".cusmenu-megamenu__seconddiv.cusmenu-thirdmenu__child.cus_show").removeClass("cus_show");
691                 $(this).addClass("cus_show");
692                 $(this).show();      
693                 
694             });
695             $(".cusmenu-megamenu__seconddiv.cusmenu-fourthmenu__child").hover(function () {
696                 $(".cusmenu-megamenu__seconddiv.cusmenu-fourthmenu__child.cus_show").removeClass("cus_show");   
697                 $(this).addClass("cus_show");
698                 $(this).show();   
699             });
700             $(".cusmenu-megamenu__seconddiv.cusmenu-fifthhmenu__child").hover(function () {
701                 $(".cusmenu-megamenu__seconddiv.cusmenu-fifthhmenu__child.cus_show").removeClass("cus_show");
702                 $(this).addClass("cus_show");
703                 $(this).show();            
704             });
705             
706         </script>
707
    1. Products
    2. ALL PRODUCTS
    3. OCEAN-SPRAY NASAL SPRAY 15ML
    Alt_2
    Alt_3

    (0)

    OCEAN-SPRAY NASAL SPRAY 15ML

    10916
    PACKET
    د.ل.‏ 48,000 InStock

    You need a prescription to purchase this product. Book an appointment with our doctors.

    BOOK AN APPOINTMENT UPLOAD PRESCRIPTION
    In-store stock availability
    OCEAN-SPRAY NASAL SPRAY 15ML
    S0001
    In stock (284 qty)
    Choose you store to:
    Access its contact details, opening hours, services, etc.
    View all available products and commercial offers
    Our entire online offer can be found directly in store.

    Description

    Nasal hygiene spray

    More Information

    Natural seawater-based nasal spray to clear congestion and moisturize nasal passages.

    Application

    Spray into each nostril as needed.

    You Might Like also

    ;
    By clicking 'Accept All' you consent that we may collect information about you for various purposes, including: Statistics and Marketing