';
displayCareAndFabric = true;
}
if (displayCareAndFabric) {
ProductPage.Vars.CareAndFabricDataContainer.html(table);
}
}
});
});
});
if ($style.find("#Composition").length > 0) {
$style.find("#Composition").remove();
}
if ($style.find("#WashingInstructions").length > 0) {
$style.find("#WashingInstructions").remove();
}
if (displayCareAndFabric) {
ProductPage.Vars.DivCareAndFabricAccordion.show();
}
}
ProductDetails.Styles.RefreshOptionStockStatus($style, itemNo);
if (pdpSplitSizeEnabled && ProductPage.Styles.SplitSize.IsEnabled($style)) {
ProductPage.Styles.SplitSize.SetSplitSizeInitialSelection($style);
}
// and will no longer go through to AddToBagCTA.SetState,
if (EnableFavourites) {
// so need to set binding for favs icon here
NextFavourites.BindEvents();
}
ProductPage.Styles.HideSizeChipsWhenOverMaxLines(itemNo);
ProductDetails.Styles.SelectOption(itemNo);
if (ProductPage.Styles.SizeChipsEnabled(itemNo)) {
ProductDetails.Styles.ChipsChange(itemNo);
}
ProductPage.Styles.ShowWarranty($style, itemNo);
if (pdpChipsEnabled && ProductPage.Styles.SplitSize.IsEnabled($style)) {
ProductPage.Styles.AttachEvents.SplitSizeChipChange($style);
if ($style.find(".Chips.splitSizeContainer[for=Size-" + itemNo + "]").find("li.splitSizeChip").length == 1) {
$('.splitSizeChip').click();
}
}
});
if (dataLayer != undefined) {
dataLayer.push({ "product_skus": productSKUs, "product_information": productInformation });
}
//Initial load logos
// $(".logos").hide();
$(".legalWarningLogos").hide();
//Loop through each styles and set the logo
$.each(ProductPage.Vars.$styles,
function (iStyle, style) {
var $currentStyleId = $(style).data("styleid");
var $targetItem = $(style).data("targetitem");
var $currentStyle;
$.each(ProductPage.Vars.ItemData, function (iStyle, style) {
if (style.StyleID == $currentStyleId) {
$currentStyle = style;
}
});
var $currentStyleCopy = $(style).find(".StyleCopy");
var myitem;
$.each($currentStyle.Fits, function (iFit, fit) {
$.each(fit.Items, function (iItem, item) {
if (item.ItemNumber === $targetItem.toUpperCase()) {
myitem = item;
}
});
});
//The items logos will be called here.
ProductPage.Styles.UpdateLogoData($currentStyleCopy, myitem);
ProductPage.Styles.UpdateLegalWarningLogosData($currentStyleCopy, myitem);
});
},
AddToBagCTA: {
SetState: function (sizeSelector, ignoreRecentlyViewed) {
//Enable add to bag link when size drop down is selected
var sizeSelectorElement = $(sizeSelector);
var $style = sizeSelectorElement.parents("article.Style");
if (!ignoreRecentlyViewed) {
if (!$style.hasClass("Selected")) {
$(".Style.Selected").removeClass("Selected");
$style.addClass("Selected");
ProductPage.Styles.ItemChanged();
}
}
if (Next.Settings.Channel.PersonalisedGiftsEnabled && sizeSelectorElement.data("personalise") === "Y") {
$style.find(".PersonaliseServiceIframe").children().remove();
$style.find(".PersonaliseServiceIframe").hide();
var $bagHolder = $style.find(".BagHolder");
if ($bagHolder.hasClass("nodisplay")) {
$bagHolder.removeClass("nodisplay");
}
}
sizeSelectorElement.find("option").each(function () {
var optionElement = $(this);
if (optionElement.hasClass("SoldOut") || optionElement.hasClass("SaleSoldOut") || optionElement.hasClass("ComingSoon")) {
optionElement.css("color", "red");
} else {
optionElement.css("color", "black");
}
});
var $button = Next.Settings.Channel.TotalPlatformFeatures.AltPDPItemNumberLocation ?
sizeSelectorElement.closest(".StyleForm").find("a.addToBagCTA")
: sizeSelectorElement.closest(".StyleForm").find("a.nxbtn")[0];
var $personaliseAddToBagButton = sizeSelectorElement.closest(".StyleForm").find("a.PersonaliseAddToBagButton");
sizeSelectorElement.closest(".StyleForm").find(".PersonaliseServiceDownMessage").hide();
var sizeSelectorOptionSelected = sizeSelectorElement.find("option:selected");
if ($style.hasClass("FirstItem") && sizeSelectorOptionSelected && sizeSelectorOptionSelected.data("stockstatus")) {
EnhancedEcommerceHelper.removeStockStatusfromDatalayer();
dataLayer.push({ "stockStatus": sizeSelectorOptionSelected.data("stockstatus") });
}
if (Next.Settings.Channel.BuyNow != null && Next.Settings.Channel.BuyNow.IsEnabled) {
if (sizeSelectorOptionSelected.hasClass("SoldOut") || sizeSelectorOptionSelected.hasClass("SaleSoldOut") || sizeSelectorOptionSelected.hasClass("ComingSoon")) {
$(".BuyNowLink").addClass("disabled");
} else {
$(".BuyNowLink").removeClass("disabled");
}
}
if (sizeSelectorElement.find("option:selected").hasClass("SoldOut") || sizeSelectorOptionSelected.hasClass("SaleSoldOut")) {
var enableSoldOutStatusChange = (Next.Settings.Channel.EnableSoldOutStatusChange || false) === true;
var outOfStockMessage = enableSoldOutStatusChange && sizeSelectorOptionSelected.hasClass("SoldOut")
? nxt.jstranslations.productpage.outofstockmessagealternative
: nxt.jstranslations.productpage.outofstockmessage || "This item is currently out of stock"
if (Next.Settings.Channel.PersonalisedGiftsEnabled && sizeSelectorElement.data("personalise") === "Y") {
$personaliseAddToBagButton.removeClass("Enabled")
.addClass("disabled")
.attr("data-description", outOfStockMessage);
}
$($button).removeClass("Enabled")
.addClass("disabled")
.attr("data-description", outOfStockMessage);
if (Next.Settings.UI.DesktopQtySelectorEnabled) {
ProductPage.Styles.DisableQtySelector(sizeSelectorElement.closest(".StyleForm"), true);
}
var viewportWidth = $(window).width();
var settings =
{
customCSS: "height: 32px",
errorMessage: true,
align: viewportWidth < 1280 ? "bottom" : "right",
marginLeft: viewportWidth < 1280 ? 100 : 30,
width: (Next.Settings.UI.ReskinPDP || Next.Settings.UI.IsInnovationDesktopResponsiveEnabled) ? 120 : 115,
marginTop: viewportWidth < 1280 ? -5 : isIpad ? 6 : 18,
closeOnDialogueOut: true,
autoClose: true
};
$($button).mouseenter(function () {
var viewportWidth = $(window).width();
settings.align = viewportWidth < 1280 ? "bottom" : "right";
if (ProductPage.Vars.IsChanelBrandPDPEnabled) {
settings.marginLeft = viewportWidth < 1280 ? 53 : 20;
}
else {
settings.marginLeft = viewportWidth < 1280 ? 100 : 30;
}
settings.marginTop = viewportWidth < 1280 ? -5 : isIpad ? 6 : 18;
showDialoguePopUp(this, settings);
});
if (Next.Settings.Channel.PersonalisedGiftsEnabled && sizeSelectorElement.data("personalise") === "Y") {
$personaliseAddToBagButton.mouseenter(function () {
var viewportWidth = $(window).width();
var isChevronEnabled = $personaliseAddToBagButton.hasClass("icon-arrow-white-down-right") ? true : false;
settings.align = viewportWidth < 1280 ? "bottom" : "right";
settings.marginLeft = isChevronEnabled ? (viewportWidth < 1280 ? 100 : 45) : (viewportWidth < 1280 ? 100 : 30);
settings.marginTop = viewportWidth < 1280 ? -5 : isIpad ? 6 : 18;
showDialoguePopUp(this, settings);
});
}
} else if (sizeSelectorElement.find("option:selected").hasClass("ComingSoon")) {
$($button).unbind("mouseenter mouseleave")
.addClass("disabled");
if (Next.Settings.UI.DesktopQtySelectorEnabled) {
ProductPage.Styles.DisableQtySelector(sizeSelectorElement.closest(".StyleForm"), true);
}
if (Next.Settings.Channel.PersonalisedGiftsEnabled && sizeSelectorElement.data("personalise") === "Y") {
$personaliseAddToBagButton.unbind("mouseenter mouseleave").addClass("disabled");
}
} else {
$($button).unbind("mouseenter mouseleave")
.removeClass("disabled")
.addClass("Enabled");
if (Next.Settings.UI.DesktopQtySelectorEnabled) {
ProductPage.Styles.DisableQtySelector(sizeSelectorElement.closest(".StyleForm"), false);
}
if (Next.Settings.Channel.PersonalisedGiftsEnabled && sizeSelectorElement.data("personalise") === "Y") {
var oldBanner = display_old_ie_banner(11);
if (oldBanner) {
$personaliseAddToBagButton.unbind("mouseenter mouseleave").addClass("disabled");
}
else {
//check if the item is valid for editing and viewing however the service is switched off.
if (!Next.Settings.Channel.RealTimePersonalisedGiftsEnabled && parseInt(sizeSelectorElement.data("personalisedgifttheme")) == PersonalisedGiftsThemeEnum.BasicModal) {
$(".PersonaliseServiceDownMessage").css("display", "block");
$personaliseAddToBagButton.unbind("mouseenter mouseleave").addClass("disabled");
}
else {
$personaliseAddToBagButton.unbind("mouseenter mouseleave").removeClass("disabled").addClass("Enabled");
}
}
}
var customItem = sizeSelectorElement.data("personalise") === "Y" && sizeSelectorElement.data("fulfilmenttype") === "M";
if (customItem) {
if (display_old_ie_banner(11)) {
//Hide iframe
setTimeout(function () {
$('#customItemIframe').hide();
$('#customItemIframeLoader').hide();
$(".old-ie").css("display", "block");
}, 1);
}
}
//Pass in the minimum version supported
function display_old_ie_banner(minVersionSupported) {
var ie = (!!window.ActiveXObject && +(/msie\s(\d+)/i.exec(navigator.userAgent)[1])) || NaN;
if (!isNaN(ie) && ie < minVersionSupported) {
$(".old-ie").css("display", "block");
return true;
}
return false;
}
if (!ignoreRecentlyViewed) {
ProductPage.RecentlyViewed.SaveViewedItem(true, sizeSelectorElement.closest("article"));
}
}
if (Next.Settings.Channel.SoldoutColourChipStyle !== "") {
var $colourChipsElement = $style.find("ul.colourChips");
var $sizeChipContainer = $style.find(".sizeChipsContainer");
var isItemSoldout = false;
if ($colourChipsElement.parents(".Chips").length > 0 && $colourChipsElement.parents(".Chips").is(":visible")) {
var $activeColourChip = $colourChipsElement.find("li.active");
if ($activeColourChip.length > 0) {
isItemSoldout = $activeColourChip.hasClass("SoldoutChip");
}
} else if ($sizeChipContainer.length === 1 && $(".dk_container.SizeSelector").length === 1 && !ProductPage.Styles.SplitSize.IsEnabled($style)) {
isItemSoldout = $sizeChipContainer.parent(".Chips.formControls").css("display") === "none"
&& $(".dk_container.SizeSelector").parent().parent().css("display") === "none";
}
if (isItemSoldout) {
ProductPage.TogglePDPDisplayForSoldoutItem(false);
}
}
ProductPage.Styles.TrackGASelectionChanged("size", sizeSelectorElement);
var dataFit = $style.find('.fitList .dk_option_current .dk_dropdown_option').first().attr('data-dk-dropdown-value');
if (typeof dataFit == "undefined" || dataFit == "") {
var fitListText = $style.find('.fitList .dk_toggle').first().text();
dataFit = (typeof fitListText == "undefined") ? "" : fitListText;
// if fit chips are enabled, the above returns the empty string
if (dataFit == "") {
var $fitChip = $style.find("ul.fitChips li.active");
dataFit = $fitChip.data("value");
}
}
$style.attr("data-fit", dataFit);
// If there is no colour dropdown / chip or shot data to get the colour from (usually the case with items that are 1 colour only),
// then DO NOT set the data-colour attribute on the style as it will replace it with an empty string and break anything that uses this
// attribute.
var colourDataAvailable = false;
var dataColour = $style.find('.colourList .dk_option_current .dk_dropdown_option').first().text();
if (typeof dataColour == "undefined" || dataColour == "") {
var colourListText = $style.find('.colourList .dk_toggle').first().text();
if (typeof colourListText != "undefined" && dataColour != "") {
dataColour = colourListText;
colourDataAvailable = true;
}
} else {
colourDataAvailable = true;
}
if (!colourDataAvailable) {
var $colourChip = $style.find("ul.colourChips li.active");
dataColour = $colourChip.data("value");
if (typeof dataColour != "undefined" && dataColour !== "") {
colourDataAvailable = true;
}
}
if (colourDataAvailable) {
$style.attr("data-colour", dataColour);
}
if (EnableFavourites) {
if ($style.length) {
/* Need to call .context at this point */
var dataOptionNo = !jqueryUpgradeEnabledOnPage ?
$style.find('.Selector.SizeSelector .dk_option_current').first().context.value :
$style.find('.Selector.SizeSelector .dk_option_current').first()[0].value;
if (typeof dataOptionNo == "undefined") {
if (typeof $style.attr("data-optionnumber") == "undefined" && $style.attr("data-optionnumber") == "") {
dataOptionNo = "-1";
}
}
// modified for both pdp chips and asm if no size option value set even if there is size
if (pdpChipsEnabled && dataOptionNo != sizeSelectorElement.val()) {
dataOptionNo = sizeSelectorElement.val() == "" ? -1 : sizeSelectorElement.val();
}
$style.attr("data-optionnumber", dataOptionNo);
var chain = $style.find(".hdnChain").val();
if (typeof chain == "undefined") {
chain = "";
}
$style.attr("data-chain", chain);
NextFavourites.BindEvents();
if (NextFavourites.Data.ShoppingListItems != undefined || NextFavourites.Data.ShoppingListItems != null) {
NextFavourites.FillFavouriteItems();
}
}
}
},
AddItem: function (link) {
//Add item to bag - including warranty
var self = this;
var $link = $(link);
if ($link.hasClass("disabled") || (pdpChipsEnabled && ProductPage.Vars.$styles == null)) {
return false;
}
Button.UpdateUI($link, {
loading: true
});
if (pdpChipsEnabled && ProductPage.Styles.pdpChipsShow()) {
$(".PDPChips").css("pointer-events", "none");
}
//Add to recently viewed
var path = window.location.pathname;
var itemJson = {
path: path
};
//Get parent form/container - all corresponding controls for this item are within this element
var $parentForm = $link.closest(".StyleForm");
var itemNumber = $parentForm.closest("article").data("targetitem");
if (pdpChipsEnabled && ProductPage.Styles.pdpChipsShow()) {
var defItemNum = $parentForm.closest("article").find("section.StyleCopy > div.StyleMeta > div.ItemNumber").text();
if (defItemNum) {
if (defItemNum.toUpperCase() !== itemNumber.toUpperCase()) {
itemNumber = defItemNum;
}
}
}
//Google Analytics for Add To Bag
TrackGAEvent("PDP", "Link Clicked", "pdp-item-added-to-bag_" + itemNumber);
var $styleDdl = $parentForm.find("select.subStyleList");
var fullItemNumber = "";
if ($styleDdl.val()) {
fullItemNumber = $styleDdl.val();
} else {
fullItemNumber = $parentForm.find("input.hdnItmId").val();
}
if (pdpChipsEnabled && ProductPage.Styles.PDPColourChipsEnabled() && ProductPage.Styles.pdpChipsShow()) {
var $colourChips = $parentForm.find("ul.colourChips");
if ($colourChips.length > 0) {
var chpItmNum = $colourChips.find("li.active").data("itemnumber")
if (chpItmNum) {
fullItemNumber = fullItemNumber != chpItmNum ? chpItmNum : fullItemNumber;
}
}
}
itemJson.itemNumber = fullItemNumber;
if (pdpSplitSizeEnabled && !ProductPage.Styles.SplitSize.IsEnabled($link.parents("article.Style")) && ProductPage.Styles.SplitSize.SplitFitEnabled()) {
var CurrFit = $parentForm.find(".fitChips li.chipItem.active").data("value");
var sizeSelector = $parentForm.find("select[id='Size-" + itemNumber + CurrFit +"']");
}
else {
var sizeSelector = $parentForm.find("select[id='Size-" + itemNumber + "']");
}
if ((!self.ValidateControl(sizeSelector)) || $(":selected", sizeSelector).hasClass("SoldOut")) {
if (ProductPage.Styles.SplitSize.IsEnabled($link.parents("article.Style"))) {
ProductPage.Styles.SplitSize.SetValidationError(sizeSelector);
}
ProductPage.Styles.DisplaySizeChipsValidationMessage(itemNumber);
Button.UpdateUI($link, {
loading: false
});
if (pdpChipsEnabled && ProductPage.Styles.pdpChipsShow()) {
$(".PDPChips").css("pointer-events", "auto");
}
return false;
}
EnhancedEcommerceHelper.pushAddtoBagClickToDataLayer($parentForm.closest("article"))
var size = sizeSelector.val();
if (size !== "") {
itemJson.Size = size;
}
RecentlyViewed.addItem(itemJson);
//Check for warranty item
var addWithWarranty = true;
var warrantyWrapperName = ".ParentItem" + fullItemNumber;
var ddlWarantyItem = $parentForm.find(warrantyWrapperName).find("select.ddlWarantyItem");
var hdnWarranty = $parentForm.find(warrantyWrapperName).find("input.hdnWarranty");
var shortItemNumber = fullItemNumber.replace(/-/g, "");
var linkClass = "tempClass" + shortItemNumber;
$link.addClass(linkClass);
if (Next.Settings.Channel.ChannelTheme && Next.Settings.Channel.ChannelTheme.toLowerCase() === "preview") {
shortItemNumber = shortItemNumber + ($('#hdnPublication').val() || '')
}
if ($(ddlWarantyItem).val() && $(hdnWarranty).val()) {
var warantyOption = $(ddlWarantyItem).val();
if (warantyOption !== "0") {
//Add the item with warranty
var warantyId = $(hdnWarranty).val().replace(/-/g, "");
NextBasket.ItemAddWarranty(shortItemNumber, size, warantyId, warantyOption, function () {
var targetClass = "." + linkClass;
$(targetClass).removeClass("disabled");
Button.UpdateUI($(targetClass), {
loading: false
});
if (pdpChipsEnabled && ProductPage.Styles.pdpChipsShow()) {
$(".PDPChips").css("pointer-events", "auto");
}
});
} else {
addWithWarranty = false;
}
} else {
addWithWarranty = false;
}
//No warranty - just add the item
if (!addWithWarranty) {
var useDefaultA2B = true;
var $hdnChain = $parentForm.find("input.hdnChain");
var chain = $hdnChain.val();
var isQtySelectorEnabled = Next.Settings.UI.DesktopQtySelectorEnabled || Next.Settings.Channel.PDPQtyDropdownFeatures.Enabled;
var qtyElement = Next.Settings.Channel.PDPQtyDropdownFeatures.Enabled ? "select.pdp-item-quantity-dropdown" : ".quantity-selector-input";
var qtyCurrVal = isQtySelectorEnabled ? (parseInt($parentForm.find(qtyElement).val(), 10) || 1) : 1;
if (modalMode === true) {
if (ProductPage.Vars.SingleModalMode) {
if (window.parent && window.parent.ModalProductPageHelper) {
useDefaultA2B = false;
var location = window.location.pathname + "/" + shortItemNumber;
window.parent.ModalProductPageHelper.ModularPDPAddToBag(shortItemNumber, size, chain, qtyCurrVal, location);
}
}
else if (window.parent && window.parent.TabbedContentPage) {
useDefaultA2B = false;
window.parent.TabbedContentPage.ModalAddToBag(shortItemNumber, size, chain, qtyCurrVal);
}
}
if (useDefaultA2B) {
if (itemJson.path.indexOf(shortItemNumber) == -1) {
if (itemJson.path.indexOf('style') > -1) {
var urlPathSegments = ModularPDPHelper.getSegmentOptions(window.location.pathname);
urlPathSegments.segments[urlPathSegments.segmentsCount - 1] = shortItemNumber;
itemJson.path = urlPathSegments.segments.join('/');
} else {
itemJson.path = itemJson.path + '/' + shortItemNumber;
}
}
NextBasket.ItemAdd(shortItemNumber, size, qtyCurrVal, chain, false, function () {
var targetClass = "." + linkClass;
$(targetClass).removeClass("disabled");
Button.UpdateUI($(targetClass), {
loading: false
});
if (pdpChipsEnabled && ProductPage.Styles.pdpChipsShow()) {
$(".PDPChips").css("pointer-events", "auto");
}
// Common fix for Add To Bag button enabled for currently unavailable products, if we change the product before add to bag complete
var addToBagSection = $parentForm.find($(".AddToBag")).find("a");
var $addToBagButton = $(addToBagSection[0]);
if ($(":selected", sizeSelector).hasClass("SoldOut") || $(":selected", sizeSelector).hasClass("SaleSoldOut")
|| $(":selected", sizeSelector).hasClass("ComingSoon")) {
$addToBagButton.removeClass("Enabled")
.addClass("disabled");
}
else {
$addToBagButton.removeClass("disabled").addClass("Enabled");
}
if (Next.Settings.Channel.AddtoBagButtonTextUpdate) {
var $selectedArticle = $("article .ItemNumber:contains('" + itemNumber + "')");
var $parentArticle = $selectedArticle.closest("article");
var $targetButton = $parentArticle.find($(".AddToBag"));
ProductPage.Styles.ToggleTickWrapper($targetButton, true);
var desktopTickTimer = setTimeout(function req() {
ProductPage.Styles.ToggleTickWrapper($targetButton, false);
$targetButton.show();
clearTimeout(desktopTickTimer);
}, 3000);
}
}, "", itemJson.path);
}
}
return true;
},
NotifyItem: function (link) {
var _this = this;
var $link = $(link);
if ($link.hasClass("disabled")) {
return false;
}
var $parentForm = $link.closest(".StyleForm");
var $parentArticle = $parentForm.closest(".Style");
var $styleDdl = $parentForm.find("select.subStyleList");
var fullItemNumber = "";
if ($styleDdl.val()) {
fullItemNumber = $styleDdl.val();
} else {
fullItemNumber = $parentForm.find("input.hdnItmId").val();
}
var productTitle = $parentArticle.find("section.StyleCopy > div.StyleHeader > div.Title").text();
Notify.Vars.ItemNumber = fullItemNumber;
Notify.Vars.ProductTitle = productTitle;
Notify.Vars.Page = "Productpage";
Notify.Vars.StyleNumber = $parentArticle.data("stylenumber");
Notify.OpenPopup();
},
ValidateControl: function (control) {
//Add to bag validation
var viewportWidth = $(window).width();
var errorDialogSettings =
{
customCSS: "height: 26px",
errorMessage: true,
align: "bottom",
customMarginLeft: 180,
width: 120,
customMarginTop: (Next.Settings.UI.ReskinPDP || Next.Settings.UI.IsInnovationDesktopResponsiveEnabled) ? -12 : -14,
closeOnDialogueOut: true,
autoClose: false
};
if (viewportWidth < 1025) {
errorDialogSettings.customMarginTop = (Next.Settings.UI.ReskinPDP || Next.Settings.UI.IsInnovationDesktopResponsiveEnabled) ? -8 : -10;
errorDialogSettings.customMarginLeft = 170;
}
return $(control).validateControl("validate", errorDialogSettings);
},
},
BuyNowItemCTA: function (link, requiresAuth, buttonClass) {
var validate = ProductPage.Styles.AddToBagCTA.ValidateControl; //uses addToBag.Validate method to check size has been selected
var $link = $(link);
Button.UpdateUI($link, {
loading: true
});
var path = window.location.pathname;
var $parentForm = $link.closest(".StyleForm");
var $styleDdl = $parentForm.find("select.subStyleList");
var itemNumber = $styleDdl.val() || $parentForm.find("input.hdnItmId").val();
var sizeSelector = $parentForm.find("select[id='Size-" + itemNumber + "']");
var optionNo = sizeSelector.val();
if ((!validate(sizeSelector)) || $(":selected", sizeSelector).hasClass("SoldOut")) {
Button.UpdateUI($link,
{
loading: false
});
return false;
}
function appendQueryString(url, queryVars) {
var firstSeperator = (url.indexOf('?') == -1 ? '?' : '&');
var queryStringParts = new Array();
for (var key in queryVars) {
queryStringParts.push(key + '=' + queryVars[key]);
}
var queryString = queryStringParts.join('&');
return url + firstSeperator + queryString;
}
if (requiresAuth) {
var url = Next.Settings.Channel.SecureSiteUrl + "/secure/accounts/transfer/buynowcta";
var queryVars = { 'pId': itemNumber, 'optionNo': optionNo, 'shot': path };
window.location.href = appendQueryString(url, queryVars);
}
else {
if (preventBuyNowLoop) {
isRedirectFromAccountPortal = false;
}
//Force item to be selected (scenario if we have multiple buttons on the page)
//Remove Selected class from any article first
$("article").removeClass("Selected");
var $itemArticle = $parentForm.closest("article");
$itemArticle.addClass("Selected");
$link.closest("." + buttonClass).find('[nx-tray]').each(function () {
$(this).trigger("openTray");
});
}
},
AddToBagContainer: {
SetWidth: function () {
var containerWidth = $('.dk_container').width();
$(".AddToBag").css("width", containerWidth);
}
},
ToggleTickWrapper: function ($button, shown) {
if (shown) {
$button.find(".tickWrapperCls").show();
$button.find($("a.btn-addtobag.add-to-bag")).text("ADDED");
$button.find($("a.btn-addtobag.add-to-bag")).css("pointer-events", "none");
} else {
$button.find(".tickWrapperCls").hide();
$button.find($("a.btn-addtobag.add-to-bag")).text("ADD TO BAG");
$button.find($("a.btn-addtobag.add-to-bag")).css("pointer-events", "auto");
}
},
ItemChanged: function (previousItemNumber, makeCallToDynamicDiv, initialLoad = false) {
if (typeof makeCallToDynamicDiv === 'undefined') { makeCallToDynamicDiv = true; }
var self = this;
var IsNextDayDeliveryItem = false;
// Get the current style and target item
var $style = ProductPage.Vars.$styles.filter(".Selected");
var itemNumber = $style.data("targetitem");
if (Next.Settings.Channel.IsPikcells360DegViewerEnabled) {
var isThreeSixtyButtonVisible = $(".ZoomComponent .shotWrapper").find(".threeSixtyDesktop:visible").length > 0;
if (isThreeSixtyButtonVisible) {
$(".ZoomComponent .shotWrapper").find(".threeSixtyDesktop").hide();
}
}
if (jsonLoaded === false) {
if (jsonInitalTry === true) {
ProductPage.LoadShotJson(3, false, $style.data("stylenumber"), previousItemNumber);
} else {
ProductPage.LoadShotJson(0, true, $style.data("stylenumber"), previousItemNumber);
}
}
if ($("#pdpnav")) {
$(".pdp-tab.active a").attr("data-target", itemNumber);
$(".pdp-tab.active a").data("target", itemNumber);
}
if (Next.Settings.Channel.EnableClientsideSizeDropdown) {
if (pdpSplitSizeEnabled || ProductPage.Styles.SplitSize.IsEnabled($style)) {
$("div.splitSizeMessage[for='Size-" + previousItemNumber + "']").attr("for", "Size-" + itemNumber);
$(".splitSizeContainer[for='Size-" + previousItemNumber + "']").attr("for", "Size-" + itemNumber);
}
$('article[data-targetitem=\"' + previousItemNumber + '\"]').attr("data-targetitem", itemNumber);
$("select.SizeSelector#Size-" + previousItemNumber).attr("id", "Size-" + itemNumber);
$("div.dk_container#dk_container_Size-" + previousItemNumber).attr("id", "dk_container_Size-" + itemNumber);
$("label[for='Size-" + previousItemNumber + "']").attr("for", "Size-" + itemNumber);
$(".Chips.formControls").find("#Size-" + previousItemNumber).attr("id", "Size-" + itemNumber);
}
var itemData = ProductPage.Styles.GetPageDataForItem(itemNumber);
if (Next.Settings.Channel.ChannelId == "NEXT_IL" && itemData.item.ShotImage) {
$("meta[name='twitter:image']").attr('content', itemData.item.ShotImage);
}
var sizeChipsEnabled = (itemData.fit.SizeChipsEnabled && !pdpChipsEnabled) || (pdpChipsEnabled && itemData.item.PDPChipsSizeEnabled && ProductPage.Styles.pdpChipsShow());
//if (Next.Settings.Channel.CountdownTimers) {
// var cdtStartDate = ProductPage.Vars.CountdownTimerServiceResponse.StartInUtc;
// var cdtEndDate = ProductPage.Vars.CountdownTimerServiceResponse.EndInUtc;
// var countdown = new Countdown();
// $.each(ProductPage.Vars.ItemData, function (iStyle, style) {
// $.each(style.Fits, function (iFit, fit) {
// $.each(fit.Items, function (iItem, item) {
// if (item.ItemNumber === itemNumber.toUpperCase()) {
// IsNextDayDeliveryItem = item.IsNextDayDeliveryItem;
// }
// });
// });
// });
// if (IsNextDayDeliveryItem) {
// var isEligible = countdown.IsEligible(cdtStartDate, cdtEndDate);
// if (isEligible && !countdown.IsRunning()) {
// countdown.loadCountdownTimer();
// }
// }
// else {
// if (countdown.IsRunning()) {
// countdown.hide();
// }
// }
//}
if (!Next.Settings.Channel.EnableClientsideSizeDropdown) {
$style.find("select.SizeSelector").parents("div.DropDown").hide();
}
if (pdpSplitSizeEnabled && !ProductPage.Styles.SplitSize.IsEnabled($style) && ProductPage.Styles.SplitSize.SplitFitEnabled()) {
var CurrFit = $style.find(".fitChips li.chipItem.active").data("value");
var $currentSizeSelector = $("select.SizeSelector#Size-" + itemNumber + CurrFit);
}
else {
var $currentSizeSelector = $("select.SizeSelector#Size-" + itemNumber);
}
var itemSizeSelector = $currentSizeSelector.parents("div.DropDown");
itemSizeSelector.show();
if (sizeChipsEnabled && !Next.Settings.Channel.EnableClientsideSizeDropdown) {
$style.find("div.sizeChipsContainer").parents("div.Chips").hide();
var $currentSizeChips = $("div.sizeChipsContainer#Size-" + itemNumber);
var itemSizeChips = $currentSizeChips.parents("div.Chips");
itemSizeChips.show();
if (pdpSplitSizeEnabled && !ProductPage.Styles.SplitSize.IsEnabled($style)) {
itemSizeChips.hide();
}
}
else {
if (pdpChipsEnabled && !Next.Settings.Channel.EnableClientsideSizeDropdown) {
$style.find("div.sizeChipsContainer").parents("div.Chips").hide();
var $currentSizeChips = $("div.sizeChipsContainer#Size-" + itemNumber);
var itemSizeChips = $currentSizeChips.parents("div.Chips");
itemSizeChips.hide();
}
}
var previousSplitSizeContainer = $style.find("div.splitSizeContainer div[for=Size-" + previousItemNumber + "]").parent(".splitSizeContainer");
var currentSplitSizeContainer = $style.find("div.splitSizeContainer div[for=Size-" + itemNumber + "]").parent(".splitSizeContainer");
if (!Next.Settings.Channel.EnableClientsideSizeDropdown) {
if (ProductPage.Styles.SplitSize.IsEnabled($style)) {
previousSplitSizeContainer.hide();
currentSplitSizeContainer.show();
}
else {
previousSplitSizeContainer.hide();
currentSplitSizeContainer.hide();
}
}
//Show warranty for this item
self.ShowWarranty($style, itemNumber);
var previousOptionNumber = previousItemNumber ? $("select.SizeSelector#Size-" + previousItemNumber).val() : null;
var $PreviousSelection = previousItemNumber ? $("select.SizeSelector#Size-" + previousItemNumber) : null;
var $CurrentSelection = itemNumber ? $("select.SizeSelector#Size-" + itemNumber) : null;
var SelectedOptionNumber = $CurrentSelection.val();
if (pdpChipsEnabled && ProductPage.Styles.SplitSize.IsEnabled($style) ) {
if (pdpSplitSizeEnabled && ProductPage.Styles.SplitSize.SplitFitEnabled() && ProductPage.Vars.isFitChanged) {
SelectedOptionNumber = '';
$CurrentSelection.dropkick("setValue", SelectedOptionNumber);
ProductDetails.Styles.SelectOption(itemNumber, SelectedOptionNumber);
ProductPage.Styles.SplitSize.DeselectChip($(".splitSizeChip.active"), $CurrentSelection);
ProductPage.Vars.isFitChanged = false;
}
else {
if (previousItemNumber != itemNumber) {
$CurrentSelection.find("option").each(function () {
if ($(this).attr("data-size") == $PreviousSelection.find(':selected').data("size")) { //$PreviousSelection.data("lastSelOption")
SelectedOptionNumber = $(this).val();
}
});
if (SelectedOptionNumber != "") {
ProductDetails.Styles.SelectOption(itemNumber, SelectedOptionNumber);
}
else {
$CurrentSelection.dropkick("setValue", "");
}
}
else
{
var $splitSizeContainers = $style.find("div.Chips.splitSizeContainer[for=Size-" + itemNumber + "]");
if ($splitSizeContainers.find(".splitSizeRow.DropDown:visible").length > 0) {
$splitSizeContainers.find(".splitSizeRow.DropDown:visible").each(function () {
$(this).prop("selectedIndex", 0);
$(this).parent().find(".dk_label").text("Choose Size");
$(this).val("Choose Size");
});
}
$CurrentSelection.dropkick("setValue", SelectedOptionNumber);
ProductDetails.Styles.SelectOption(itemNumber, SelectedOptionNumber);
}
}
}
else {
ProductDetails.Styles.SelectOption(itemNumber, previousOptionNumber);
}
if (sizeChipsEnabled) {
ProductDetails.Styles.ChipsChange(itemNumber, previousOptionNumber);
}
if (ProductPage.Styles.SplitSize.IsEnabled($style)) {
ProductPage.Styles.SplitSize.UpdateSplitSizeSelection($currentSizeSelector);
if (pdpSplitSizeEnabled) {
ProductPage.Styles.SplitSize.SetSplitSizeInitialSelection($style);
if (ProductPage.Styles.SplitSize.IsResetDropdown(itemNumber))
ProductPage.Styles.SplitSize.ResetDropDownChipVisibility(itemNumber, null);
}
//to show and hide size chips and to retain selected chips
if (pdpChipsEnabled) {
var $style = pdpChipsEnabled ? $currentSizeSelector.parents("article.Style") : ProductPage.Vars.GetCurrentStyleElement();
var sizeId = $currentSizeSelector.attr('id');
var $splitSizeContainer = $style.find(".splitSizeContainer[for=" + sizeId + "]");
if ($splitSizeContainer.length > 0) {
var $SplitSizeContainers = $splitSizeContainer
.find(".splitSizeRow .splitSizeChips");
var $SplitSizeContainersDDL = $splitSizeContainer
.find(".splitSizeRow.DropDown:visible").length;
$SplitSizeContainers.each(function () {
ProductPage.Styles.SplitSize.BindClickEventForChips($(this).attr("for"), $style);
//var x = $(this).parent().parent().find("li:visible").length;
var x = $(this).parent().parent().find('li:not([style*="display: none"])').length;
if (!(x > 0) && !($SplitSizeContainersDDL > 0)) {
$(this).parent().parent().hide();
}
else {
$(this).parent().parent().show();
}
});
}
}
}
if (!Next.Settings.Channel.EnableClientsideSizeDropdown) {
ProductDetails.Styles.RefreshOptionStockStatus($style, itemNumber);
}
ProductPage.Styles.HideSizeChipsWhenOverMaxLines(itemNumber);
//Tidy up ID
var shortItemNumber = itemNumber.replace("-", "").toLowerCase().substring(0, 6);
//Build new image URL - cdnURL is set as a global variable in parent page
var newImgUrl = cdnURL + "/Common/Items/Default/Default/ItemImages/AltItemThumb/" + shortItemNumber + ".jpg";
newImgUrl = this.OverrideImagePath(newImgUrl);
//Update display image
$style.find(".StyleImages").find("img").attr("src", newImgUrl);
//Update item number display
var $styleCopy = $style.find(".StyleCopy");
$styleCopy.find(".ItemNumber").text(itemNumber.substring(0, 7));
if (Next.Settings.Channel.IsStackedPDPEnabled) {
if ($(event.target).closest("article").attr("data-targetitem") !== itemNumber.substring(0, 7)) {
$(event.target).closest("article").attr("data-targetitem", itemNumber.substring(0, 7));
}
}
//Update Sizing Guide's item number
if (Next.Settings.Channel.SizingGuideEnabled && !pdpChipsEnabled) {
$style.find(".SizeGuideLink").attr("data-item-number", itemNumber.substring(0, 7));
}
//Update whatsapp link item number
if (Next.Settings.Channel.PdpContactUsHTMLIdentifier.Enabled) {
var productnameforwhatsapp = $style.data("productnameforwhatsapp");
var whatsappButton = $('.btn.btn-contact-us.whatsapp-button');
var whatsappLinkTemplate = Next.Settings.Channel.PdpContactUsHTML.WhatsAppUrlTemplate;
if (whatsappButton) {
whatsappButton.attr("href", whatsappLinkTemplate.replace("{ItemNumber}", itemNumber.substring(0, 7)).replace("{ProductTitle}", productnameforwhatsapp));
}
}
//Update intelligent recommendations
if (Next.Settings.Channel.YouMayAlsoLikeIsEnabled && Next.Settings.Channel.SelfStartForYouMayAlsoLikeIsEnabled) {
if (window.IntelRecs) {
window.IntelRecs.LoadRecommendations(itemNumber.substring(0, 7), Next.Settings.Channel.YouMayAlsoLikeAlgorithm);
}
}
//Update review count and review click events
$styleCopy.find(".StyleMeta").addClass("Meta" + shortItemNumber.toUpperCase());
//Update Collect In Store Today link id
if (Next.Settings.Channel.IsCollectInStoreTodayEnabled) {
$styleCopy.find(".CollectInStoreLink").attr("id", "collect-in-store-link-" + itemNumber);
}
//Update item level data. Don't change for non-Pim items.
var styleNumber = $style.data("stylenumber");
if (styleNumber !== "" && styleNumber != null) {
var $logos = $styleCopy.find(".logos");
var $logosTable = $logos.find("table");
var $multibuys = $styleCopy.find(".MultibuyTypes");
var $multibuysTable = $multibuys.find("table");
$logosTable.empty();
$multibuysTable.empty();
$.each(ProductPage.Vars.ItemData, function (iStyle, style) {
$.each(style.Fits, function (iFit, fit) {
$.each(fit.Items, function (iItem, item) {
if (item.ItemNumber === itemNumber.toUpperCase()) {
self.UpdateItemData($style, $styleCopy, style, item, initialLoad);
}
});
});
});
if (FeefoEnabled) {
setTimeout(function () {
PageReviews.GetReviewSummaries(shortItemNumber, ProductPage.Styles.Reviews.BindAnimatedReviewSummaries);
}, 200);
}
}
if (ProductPage.Vars.IsBeautyPage) {
ProductPage.Styles.SetColourChipSelection($style, itemNumber);
if ($currentSizeSelector.children("option").length <= 0) {
itemSizeSelector.hide();
}
}
//Append colour in header
if (Next.Settings.Channel.PDPH1TitleColourAppend) {
var productTitle = $currentSizeSelector.closest('.StyleCopy').find('#productTitleWithoutColour').attr('value');
var selectedColour = ProductPage.Vars.$itemsContainer.find("select.colourList").find(':selected').text();
var parentElement = $currentSizeSelector.closest(".StyleCopy");
var titleElement = $currentSizeSelector.closest(".StyleCopy").find(".Title");
if (parentElement.find(".Title h1").length > 0)
titleElement.find('h1').text(selectedColour + ' ' + productTitle);
else if (parentElement.find(".Title h2").length > 0)
titleElement.find('a').text(selectedColour + ' ' + productTitle);
}
if (makeCallToDynamicDiv) {
//Load DynamicDiv if enabled
ProductPage.Styles.LoadContentForDynamicDiv($style);
}
// Update Url
if (StyleWithScroll) {
var url = $style.data("url").toLowerCase() + "#" + shortItemNumber;
$style.find(".StyleImages a").attr("href", url);
$style.find(".StyleHeader a").attr("href", url);
}
// Update data-colour attribute removed dependancy from PageReviews.
$style.attr("data-colour", this.GetItemColour(false));
var isSearchDescriptionTitleProvided = false;
if (Next.Settings.Channel.PDPStyleDescription.EnableSearchDescriptionAsPDPTitle) {
isSearchDescriptionTitleProvided = ProductPage.Styles.PDPStyleDescription.SetTitleAsSearchDescription($currentSizeSelector, itemData);
}
if (Next.Settings.Channel.EnableEmbeddedReviews) {
// Reload embedded reviews at bottom of PDP, on change of fit/colour.
if (Next.Settings.Channel.EnableEmbeddedReviews && !Next.Settings.Channel.DisableEmbeddedReviewsOnLocalLang) {
var embeddedReviewsContainer = $('#EmbeddedReviewsContainer');
embeddedReviewsContainer.attr('data-itemnumber', shortItemNumber);
var itemName = Next.Settings.Channel.PDPStyleDescription.EnableSearchDescriptionAsPDPTitle && isSearchDescriptionTitleProvided ?
ProductPage.Styles.PDPStyleDescription.GetItemNameForReviews(itemData) : PageReviews.GetItemName(false);
var itemColour = PageReviews.GetItemColour(false);
var itemFit = PageReviews.GetItemFit(false);
PageReviews.LoadReviewsHtml(shortItemNumber, 1, "", "", "", false, function (html) {
PageReviews.BindHtmlResponse(embeddedReviewsContainer, html, true, itemName, itemColour, itemFit, false, false, isSearchDescriptionTitleProvided);
});
}
}
if (itemData.item) {
if (itemData.item.SEOProductName) {
$style.attr("data-seoproductname", itemData.item.SEOProductName);
}
}
this.ShowItem(false);
$style.triggerHandler("StyleItemChanged");
document.dispatchEvent(new CustomEvent("StyleItemChanged", { detail: { itemNumber: itemNumber } }));
// only remove if itemNumber in dataLayer is different to current itemNumber, this prevents unnecessary data pushes
if (dataLayer.some(elem => elem.event === 'ee-productView'
&& elem.ecommerce
&& elem.ecommerce.detail
&& elem.ecommerce.detail.products
&& elem.ecommerce.detail.products[0]
&& elem.ecommerce.detail.products[0].id
&& elem.ecommerce.detail.products[0].id.toLowerCase() != shortItemNumber)) {
EnhancedEcommerceHelper.removeEventFromDatalayer('ee-productView');
};
EnhancedEcommerceHelper.pushProductViewToDataLayer();
var $labelAvailabilityMessage = $style.find("div.sizeChipsContainer#Size-" + itemNumber).children("div.availabilityMessage").first();
$labelAvailabilityMessage.text("");
if (Next.Settings.Channel.PDPStyleDescription.EnableURLChange) {
ProductPage.Styles.PDPStyleDescription.SetUrlWhenColorFitTypeOrVolumeChanged(itemData, ProductPage.Vars.ItemData, ProductPage.Vars.StyleWithEnabled);
}
},
GetItemColour: function (isSofaItem) {
var itemColour = "";
if (isSofaItem) {
}
else {
var $colourChip;
var $selectedStyle = $("article.Style.Selected").first();
if (Next.Settings.Channel.IsMobileSite) {
$colourChip = $('.ppm-colourchips').find('li.chipItem.active');
}
else {
$colourChip = $selectedStyle.find("ul.colourChips li.active");
}
itemColour = $colourChip.data("value");
if (!itemColour) {
if (Next.Settings.Channel.IsMobileSite) {
itemColour = !PageReviews.isHomewarePDPPage ? $('#ppm-colourselector option:selected').text() : $("#colorSelector option:selected").text();
}
else {
itemColour = $selectedStyle.find('.colourList .dk_label').text();
}
}
}
if (!itemColour || itemColour === "null")
itemColour = "";
return itemColour;
},
OverrideImagePath: function (strImagePath) {
var amendedImagePath = strImagePath;
if (Next.Settings.Channel.ProductImageSettings.Enabled) {
if (Next.Settings.Channel.ProductImageSettings.ImageFolder) {
amendedImagePath = amendedImagePath.replace('/ItemImages/', '/ItemImages/' + Next.Settings.Channel.ProductImageSettings.ImageFolder + '/');
Next.Settings.Channel.ProductImageSettings.ImageDimensionOverrides.forEach(function (value) {
if (amendedImagePath.indexOf(value.ImageType) >= 0) {
if (amendedImagePath.indexOf(value.OriginalValue) >= 0) {
amendedImagePath = amendedImagePath.replace(value.OriginalValue, value.NewValue);
}
}
});
}
}
else if (Next.Settings.Channel.TotalPlatformFeatures.IsEnabled) {
if (Next.Settings.Channel.TotalPlatformFeatures.ProductImages.ImageFolder) {
amendedImagePath = amendedImagePath.replace('/ItemImages/', '/ItemImages/' + Next.Settings.Channel.TotalPlatformFeatures.ProductImages.ImageFolder + '/');
Next.Settings.Channel.TotalPlatformFeatures.ProductImages.ImageDimensionOverrides.forEach(function (value) {
if (amendedImagePath.indexOf(value.ImageType) >= 0) {
if (amendedImagePath.indexOf(value.OriginalValue) >= 0) {
amendedImagePath = amendedImagePath.replace(value.OriginalValue, value.NewValue);
}
}
});
}
}
return amendedImagePath;
},
UpdateLogoData: function ($styleCopy, item) {
var $logos;
var $logosTable;
var refresh = function () {
var $styleContent = $styleCopy.find(".StyleContent");
$styleContent.append("
");
$logos = $styleCopy.find("#logos");
$logosTable = $logos.find("table");
var displaySustainabilityAccordion = false;
if (Next.Settings.Channel.TpPdpShowSustainabilityAccordion) {
ProductPage.Vars.SustainabilityDataContainer.empty();
}
$.each(item.Logos, function (iLogo, logo) {
if ((startsWith(logo.Name)) && Next.Settings.Channel.TpPdpShowSustainabilityAccordion) {
var template = getLogoTemplate(logo.Name,
logo.Description,
"fallbackLogo");
var table = '
' + template + '
' + logo.Description + '
';
ProductPage.Vars.SustainabilityDataContainer.append(table);
displaySustainabilityAccordion = true;
}
else {
AddLogoImage($styleCopy, logo.Image, logo.Name, logo.Description);
}
});
if (Next.Settings.Channel.TpPdpShowSustainabilityAccordion && displaySustainabilityAccordion) {
ProductPage.Vars.DivSustainabilityAccordion.show();
}
SetupFallbackForChannelisedLogos();
}
function startsWith(str) {
return str.lastIndexOf("rs", 0) === 0;
}
function getLogoTemplate(name, description, fallbackImageClassName) {
var logoPath = CdnBaseUrl + "/Common/Items/Default/Default/Logos/32/" + name + ".gif";
return '';
}
$logos = $styleCopy.find("#logos");
if (item.Logos.length === 0) {
if ($logos.length > 0) {
// No logo data for this item, so remove the unnecessary elements
$logos.remove();
}
} else {
if ($logos.length === 0) {
// No logo elements in place so build and populate UI
refresh();
} else {
// Refresh the logo UI
$logos.remove();
refresh();
}
}
},
UpdateLegalWarningLogosData: function ($styleCopy, item) {
var $legalWarningLogos;
var refresh = function () {
var $legalWarningContainer = $styleCopy.find(".legalWarningContainer");
$legalWarningContainer.append("");
$legalWarningLogos = $styleCopy.find("#legalWarningLogos");
if (item.LegalWarningLogos) {
if (Next.Settings.Channel.CountryCode === "GB") {
$.each(item.LegalWarningLogos,
function (iLogo, logo) {
if (logo.Name !== "NOT_FOUND") {
AddLegalWarningLogoImage($styleCopy, logo.Image, logo.Name, logo.Description);
}
});
}
else {
var validLegalWarningFound = false;
var firstLogo = true;
var lwTable = '
';
$.each(item.LegalWarningLogos,
function (iLogo, logo) {
if (logo.Name !== "NOT_FOUND") {
var template = getLogoTemplate(logo.Image,
logo.Name,
logo.Description,
"channelisedLegalWarningLogo");
var description = $(template).attr('alt');
if (!firstLogo) {
lwTable += '
';
if (validLegalWarningFound) {
$legalWarningLogos.append(lwTable);
}
}
if ($legalWarningLogos.html()) {
SetupFallbackForChannelisedLegalWarningLogos();
$legalWarningLogos.show();
} else {
$legalWarningLogos.remove();
}
}
}
function getLogoTemplate(logoPath, name, description, fallbackImageClassName) {
return '';
}
$legalWarningLogos = $styleCopy.find("#legalWarningLogos");
if (item.LegalWarningLogos && item.LegalWarningLogos.length === 0) {
if ($legalWarningLogos.length > 0) {
// No Visisble logo data for this item, so remove the unnecessary elements
$legalWarningLogos.remove();
}
} else {
if ($legalWarningLogos.length === 0) {
// No Visisble logo elements in place so build and populate UI
refresh($styleCopy, item);
} else {
// Refresh the Visisble logo UI
$legalWarningLogos.remove();
refresh($styleCopy, item);
}
}
},
UpdateOptionLogoData: function ($style) {
// Clear previous logos
var $styleCopy = $style.find(".StyleCopy");
var $styleContent = $styleCopy.find(".OptionLogos");
var $styleAlsoIn = $styleCopy.find("#alsoin");
$styleContent.empty();
$styleAlsoIn.hide();
// Look for other fit options in this same style id and the same colour (if there is a colour)
var $colour = $style.find(".StyleForm select.colourList");
var currentColour = $colour.find("option:selected").text();
if (!currentColour) {
$colour = $style.find(".StyleForm ul.colourChips li.active");
currentColour = $colour.data("value");
}
var styleId = $style.data("styleid");
var style;
$.each(ProductPage.Vars.ItemData, function () {
if (this.StyleID == styleId) {
style = this;
return false;
}
return true;
});
var petitDisplayed = false;
var tallDisplayed = false;
var plusDisplayed = false;
if (style != null) {
$.each(style.Fits, function () {
var $styleCopy = $style.find(".StyleCopy");
var $styleContent = $styleCopy.find(".OptionLogos");
for (var i = 0; i < this.Items.length; i++) {
// Only show the other fits in the same colour
if (this.Items[i].Colour == currentColour) {
for (var logoIndex = 0; logoIndex < this.Items[i].Logos.length; logoIndex++) {
var hasFit = 0;
if (this.Items[i].Logos[logoIndex].Image.toLowerCase().indexOf("petit") != -1 && petitDisplayed == false) { hasFit = 1; petitDisplayed = true; }
if (this.Items[i].Logos[logoIndex].Image.toLowerCase().indexOf("tall") != -1 && tallDisplayed == false) { hasFit = 1; tallDisplayed = true; }
if (this.Items[i].Logos[logoIndex].Image.toLowerCase().indexOf("plus") != -1 && plusDisplayed == false) { hasFit = 1; plusDisplayed = true; }
if (hasFit == 1) {
$styleContent.append("
");
$styleAlsoIn.show();
}
}
}
}
});
}
},
UpdateMultibuyData: function ($styleCopy, item) {
var $multibuys;
var $multibuysTable;
var refresh = function () {
var $styleContent = $styleCopy.find(".StyleContent");
$styleContent.append('
");
});
}
$multibuys = $styleCopy.find("#MultibuyTypes");
if (item.MultibuyTypes.length === 0) {
if ($multibuys.length > 0) {
$multibuys.remove();
}
} else {
if ($multibuys.length === 0) {
refresh();
} else {
$multibuys.remove();
refresh();
}
}
},
UpdateProductInformationData: function ($styleCopy, item) {
var $productInformation;
var $productInformationTable;
var refresh = function () {
var $styleContent = $styleCopy.find(".StyleContent");
$styleContent.append('');
$productInformation = $styleCopy.find("#ProductInformationList");
$.each(item.ProductInformationList, function (iProductInformation, productInformation) {
$productInformation.append("
" + productInformation.ProductInformation + "
");
});
}
$productInformation = $styleCopy.find("#ProductInformationList");
if (item.ProductInformationList.length === 0) {
if ($productInformation.length > 0) {
$productInformation.remove();
}
} else {
if ($productInformation.length === 0) {
refresh();
} else {
$productInformation.remove();
refresh();
}
}
},
IsPersonalisedGift: function (item) {
return item.Personalisation == "Y" || item.Personalisation == "P";
},
ClearItemData: function ($styleCopy) {
var itemElementIds = [];
$.each(ProductPage.Vars.DisplayConfiguration, function (idx, displayConfiguration) {
// Use the values from display configuration to build up an array of possible
// item element Id's for copy text and links.
if (displayConfiguration.Name.toUpperCase().indexOf('COPY TEXT') === 0 || displayConfiguration.Name.toUpperCase().indexOf('LINK') === 0) {
var divId = displayConfiguration.Name.replace(/\s+/g, '');
itemElementIds.push(divId);
}
});
// Add all remaining item elements.
itemElementIds.push('Composition');
itemElementIds.push('Measurements');
itemElementIds.push('ToneOfVoice');
itemElementIds.push('WashingInstructions');
itemElementIds.push('logos');
itemElementIds.push('MultibuyTypes');
itemElementIds.push('CountryOfOrigin');
itemElementIds.push('CareInstructions');
itemElementIds.push('CompositionData');
itemElementIds.push('TermsAndConditions');
itemElementIds.push('ProductInformationList');
itemElementIds.push('SearchDescription');
itemElementIds.push('Department');
// Remove all existing item elements from the DOM.
$.each(itemElementIds, function (idx, divId) {
var $divElement = $styleCopy.find('#' + divId);
if ($divElement.length > 0) {
$divElement.remove();
}
});
var $divaSideElement = $styleCopy.find('aside');
if ($divaSideElement.length > 0) {
$divaSideElement.remove();
}
},
UpdateCopyTextData: function ($styleCopy, item, displayConfigurationName) {
// Determine which copy text element is to be appended to the DOM.
var displayElement = displayConfigurationName.substr(displayConfigurationName.indexOf("Copy Text") + 10);
var copyTextDomElementId = '#CopyText' + displayElement;
var $copyTextDomElement = $styleCopy.find(copyTextDomElementId);
var $styleContent = $styleCopy.find(".StyleContent");
if (item.CopyText && item.CopyText.length > 0) {
// Iterate through all item copy text data to find any matching display element (i.e. 4 = 'Copy Text 4').
$.each(item.CopyText, function (idx, l) {
if (l.DisplayElement === displayElement) {
var copyTextData = l.Description;
var elementId = displayConfigurationName.replace(/\s+/g, '');
if (copyTextData !== '' && copyTextData != null) {
if ($copyTextDomElement.length === 0) {
// Append the relevant copy text data to the DOM.
$styleContent.append('
' + copyTextData + '
');
}
}
}
});
}
},
UpdateLinkData: function ($styleCopy, item, displayConfigurationName) {
// Determine which link element is to be appended to the DOM.
var displayElement = displayConfigurationName.substr(displayConfigurationName.indexOf("Links") + 6);
var linkDomElementId = '#Links' + displayElement;
var $linkDomElement = $styleCopy.find(linkDomElementId);
if (item.Links && item.Links.length > 0) {
// Iterate through all item links to find any matching display element (i.e. 2 = 'Links 2').
$.each(item.Links, function (idx, l) {
if (l.DisplayElement === displayElement) {
var elementId = displayConfigurationName.replace(/\s+/g, '');
if (l.HyperlinkText !== '' && l.HyperlinkText != null) {
var link;
if ($linkDomElement.length === 0) {
// Build and append the relevant link to the DOM.
var $styleContent = $styleCopy.find(".StyleContent");
$styleContent.append('');
$linkDomElement = $styleCopy.find('#' + elementId);
link = '' + l.HyperlinkText + '';
$linkDomElement.html(link);
}
}
}
});
}
},
UpdateItemData: function ($style, $styleCopy, style, item, initialLoad = true) {
var _this = this;
var refreshItemLine = function ($element, data, elementId) {
if (data !== '' && data != null) {
if ($element.length === 0) {
// Append the line item data to the DOM.
var $styleContent = $styleCopy.find(".StyleContent");
var displayElementData = Next.Settings.Channel.TpPdpShowCareAndFabricAccordion ? (elementId !== "WashingInstructions" && elementId !== "Composition") : true;
if (displayElementData) {
if (elementId === 'ToneOfVoice' && Next.Settings.Channel.ToneOfVoiceHtmlDecodingEnabled) {
$styleContent.append('
' + $("").html(data).text() + '
');
}
else {
$styleContent.append('
' + data + '
');
}
}
else {
var table = '
' + data + '
';
ProductPage.Vars.DivCareAndFabricAccordion.show();
ProductPage.Vars.CareAndFabricDataContainer.append(table);
}
}
}
};
var refreshCareInstructions = function (careInformation) {
if (!careInformation) return;
var $content = $("
").attr("id", "CareInstructions").html("Care Instruction:");
if (careInformation.WashLabels) {
var $labels = $("
");
var lbls = careInformation.WashLabels.split(',');
$.each(lbls, function (i, lbl) {
if (lbl) {
$url = $("").attr("src", shotData.CareImagePath + lbl + '.png');
$labels.append($url, ' ');
}
});
$content.append($labels);
}
if (careInformation.WashInstructions) {
$wash = $("
").text(careInformation.WashInstructions);
$content.append($wash);
}
var $styleContent = $styleCopy.find(".StyleContent");
$styleContent.append($content);
};
var $aSideElement = $($styleCopy).find(".StyleContent").find("aside"); //will be later to append to DOM
_this.ClearItemData($styleCopy);
if (item.Excluded === "True" || item.IsSoldOut == "True") {
if (item.IsSoldOut == "True") {
var $showMoreElement = $styleCopy.find("div.showmore");
var $showLessElement = $styleCopy.find("div.showless");
if (Next.Settings.Channel.SoldoutColourChipStyle !== "") {
if (!$showMoreElement.hasClass("IsSoldOut"))
$showMoreElement.addClass("IsSoldOut");
if (!$showLessElement.hasClass("IsSoldOut"))
$showLessElement.addClass("IsSoldOut");
}
//if item is sold out only or sold-out and excluded it will show this message
if (!$styleCopy.find('.ItemSoldOutMessage').length) {
$styleCopy.find(".StyleForm .BagHolder").before("");
}
$styleCopy.find(".ItemSoldOutMessage").text(nxt.jstranslations.productpage.soldoutitemmessage);
}
else {
//if item is excluded but not sold-out it will show this message
if (!$styleCopy.find('.ItemUnavailableMessage').length) {
$styleCopy.find(".StyleForm").append("");
}
$styleCopy.find(".ItemUnavailableMessage").text("Regrettably, this item is unavailable to order.");
}
$styleCopy.find(".toggleDescription").hide();
$style.find("select.SizeSelector").parents("div.DropDown").hide();
$styleCopy.find(".SizeGuide").hide();
if (Next.Settings.Channel.SoldoutColourChipStyle === "") {
$styleCopy.find(".BagHolder").hide();
$styleCopy.find(".StyleContent").hide();
$styleCopy.find(".Price").hide();
}
if (item.IsSoldOut === "True") {
$styleCopy.find(".ItemSoldOutMessage").show();
$styleCopy.find(".ItemUnavailableMessage").hide();
if (Next.Settings.Channel.SoldoutColourChipStyle !== "") {
ProductPage.TogglePDPDisplayForSoldoutItem(false);
var sizeId = "Size-" + $style.data("targetitem");
var $sizeContainer = $(".Chips.formControls").find("#" + sizeId);
var $splitSizeContainer = $style.find(".splitSizeContainer[for=" + sizeId + "]");
if (Next.Settings.Channel.EnableClientsideSizeDropdown) {
if ($sizeContainer.length > 0) {
$sizeContainer.parent().hide();
}
if ($splitSizeContainer.length > 0) {
$splitSizeContainer.hide();
}
}
else {
if ($sizeContainer.length > 0) {
$sizeContainer.parent().hide();
}
else if ($splitSizeContainer.length > 0) {
$splitSizeContainer.hide();
}
}
}
}
else if (item.Excluded === "True") {
$styleCopy.find(".ItemUnavailableMessage").show();
$styleCopy.find(".ItemSoldOutMessage").hide();
}
if (Next.Settings.Channel.SoldoutColourChipStyle === "") {
return;
}
} else {
if (Next.Settings.Channel.SoldoutColourChipStyle !== "") {
ProductPage.TogglePDPDisplayForSoldoutItem(true);
}
var $showMoreElement = $styleCopy.find("div.showmore");
var $showLessElement = $styleCopy.find("div.showless");
if ($showMoreElement.hasClass("IsSoldOut"))
$showMoreElement.removeClass("IsSoldOut");
if ($showLessElement.hasClass("IsSoldOut"))
$showLessElement.removeClass("IsSoldOut");
$styleCopy.find(".ItemSoldOutMessage").hide();
$styleCopy.find(".ItemUnavailableMessage").hide();
$styleCopy.find(".Price").show();
$styleCopy.find(".BagHolder").show();
$styleCopy.find(".toggleDescription").show();
$("select.SizeSelector#Size-" + $style.data("targetitem")).parents("div.DropDown").show();
if (Next.Settings.Channel.EnableClientsideSizeDropdown && !initialLoad) {
var $itemNumber = $style.data("targetitem");
try {
ProductPage.Styles.SplitSize.PopulateSizeSelect($itemNumber);
}
catch (e) {
console.log(e.message);
};
};
if (Next.Settings.Channel.PersonalisedGiftsEnabled && item.Personalisation && _this.IsPersonalisedGift(item)) {
$styleCopy.find(".SizeGuide").hide();
} else {
if (ProductPage.Vars.ShowSizeGuide) {
$styleCopy.find(".SizeGuide").show();
}
}
if (!$styleCopy.find(".toggleDescription").length || $styleCopy.find(".toggleDescription .arrow.open").length)
$styleCopy.find(".StyleContent").show();
}
if (!ProductPage.Vars.StyleWithEnabled) {
$styleCopy.find("div.StyleHeader").height("");
}
var $composition = $styleCopy.find("#Composition");
var $measurements = $styleCopy.find("#Measurements");
var $toneOfVoice = $styleCopy.find("#ToneOfVoice");
var $washingInstructions = $styleCopy.find("#WashingInstructions");
var $countryoforigin = $styleCopy.find("#CountryOfOrigin");
var $careinstruction = $styleCopy.find("#CareInstructions");
var $compositionData = $styleCopy.find("#CompositionData");
var $termsAndConditions = $styleCopy.find("#TermsAndConditions");
var $productInformationList = $styleCopy.find("#ProductInformationList");
var $searchDescription = $styleCopy.find("#SearchDescription");
var $department = $styleCopy.find("#Department");
if (Next.Settings.Channel.TpPdpShowCareAndFabricAccordion) {
ProductPage.Vars.DivCareAndFabricAccordion.hide();
ProductPage.Vars.CareAndFabricDataContainer.empty();
}
// Handle the display of item data based on the order provided from the display configuration.
$.each(ProductPage.Vars.DisplayConfiguration, function (arrayId, displayConfiguration) {
var name = $.trim(displayConfiguration.Name).toLowerCase();
if (name === 'careinstructions') {
refreshCareInstructions(item.CareInformation);
}
if (name === 'countryoforigin') {
refreshItemLine($countryoforigin, item.CountryOfOrigin, 'CountryOfOrigin');
}
if (name === 'composition') {
refreshItemLine($composition, item.Composition, 'Composition');
}
if (name === 'compositiondata') {
refreshItemLine($compositionData, item.CompositionData, 'CompositionData');
}
if (name === 'termsandconditions') {
refreshItemLine($termsAndConditions, item.TermsAndConditions, 'TermsAndConditions');
}
if (name === 'tone of voice') {
var strToneOfVoice = style.ToneOfVoice;
if (Next.Settings.Channel.WebDataFields.IsEnabled) {
if (Next.Settings.Channel.WebDataFields.ToneOfVoice) {
var strWebToneOfVoice = null;
if (item) {
var itemLevelToneOfVoiceWebData = item.WebData.find(function (obj) { return obj.DataFieldName === 'WebTov'; });
if (itemLevelToneOfVoiceWebData) {
if (itemLevelToneOfVoiceWebData.Value) {
strWebToneOfVoice = itemLevelToneOfVoiceWebData.Value;
}
}
}
if (!strWebToneOfVoice) {
var styleLevelToneOfVoiceWebData = style.WebData.find(function (obj) { return obj.DataFieldName === 'WebTov'; });
if (styleLevelToneOfVoiceWebData) {
if (styleLevelToneOfVoiceWebData.Value) {
strWebToneOfVoice = styleLevelToneOfVoiceWebData.Value;
}
}
}
if (strWebToneOfVoice) {
strToneOfVoice = strWebToneOfVoice;
}
}
}
refreshItemLine($toneOfVoice, strToneOfVoice, 'ToneOfVoice');
}
if (name === 'washing instructions') {
refreshItemLine($washingInstructions, item.WashingInstructions, 'WashingInstructions');
}
if (name === 'measurements') {
refreshItemLine($measurements, item.Measurements, 'Measurements');
}
if (name === 'productinformationlist') {
_this.UpdateProductInformationData($styleCopy, item);
}
if (name.toUpperCase().indexOf('LINKS') === 0) {
_this.UpdateLinkData($styleCopy, item, displayConfiguration.Name);
}
if (name === 'multibuy') {
_this.UpdateMultibuyData($styleCopy, item);
}
if (name.toUpperCase().indexOf('COPY TEXT') === 0) {
_this.UpdateCopyTextData($styleCopy, item, displayConfiguration.Name);
}
if (name === 'searchDescription') {
refreshItemLine($searchDescription, item.SearchDescription, 'SearchDescription');
}
if (name === 'department') {
refreshItemLine($department, item.Department, 'Department');
}
});
if (!$styleCopy.find(".StyleContent").html().trim().length)
$styleCopy.find(".StyleContent").hide();
//fix for fb case 96547
if ($aSideElement.length !== 0) {
$($styleCopy).find(".StyleContent").append($aSideElement);
}
var addToBagSection = $styleCopy.find("div.BagHolder > div.AddToBag");
var addToBagHelp = $styleCopy.find("div.BagHolder");
var notificationHelp = addToBagSection.find(".NotifyMeHelp");
var collectInStoreTodayHelp = addToBagHelp.find(".CistHelp");
var actions = addToBagSection.find("a");
var addToBagButton = $(actions[0]);
var notifyMeButton = $(actions[1]);
var findInStoreOrBuyNowButton = $(actions[2]);
var personaliseAddToBagButton;
if (Next.Settings.Channel.AddtoBagButtonTextUpdate) {
ProductPage.Styles.ToggleTickWrapper(addToBagSection, false);
}
if (Next.Settings.Channel.PersonalisedGiftsEnabled) {
personaliseAddToBagButton = $(actions[2]);
findInStoreOrBuyNowButton = $(actions[3]);
$styleCopy.find(".PersonaliseUnavailableMessage").hide();
$styleCopy.find(".PersonaliseServiceDownMessage").hide();
$styleCopy.find(".PersonaliseServiceIframe").children().remove();
$styleCopy.find(".PersonaliseServiceIframe").hide();
var bagHolder = $styleCopy.find(".BagHolder");
if (!personaliseAddToBagButton.hasClass("nodisplay")) {
personaliseAddToBagButton.addClass("nodisplay");
}
if (bagHolder.hasClass("nodisplay")) {
bagHolder.removeClass("nodisplay");
}
}
//if (preventOptionsUpdate) {
// preventOptionsUpdate = false;
//}
//else {
if (item.ComingSoon) {
if (item.ComingSoonEnabled === "False") {
notificationHelp.addClass("nodisplay");
if (!addToBagButton.hasClass("disabled")) {
addToBagButton.removeClass("Enabled")
.addClass("disabled");
}
} else {
if (!addToBagButton.hasClass("nodisplay")) {
addToBagButton.addClass("nodisplay");
}
if (notifyMeButton.hasClass("disabled")) {
notifyMeButton.removeClass("disabled")
.addClass("Enabled");
}
notifyMeButton.removeClass("nodisplay");
notificationHelp.removeClass("nodisplay");
}
} else {
if (!notifyMeButton.hasClass("nodisplay")) {
notifyMeButton.addClass("nodisplay");
}
if (Next.Settings.Channel.PersonalisedGiftsEnabled && personaliseAddToBagButton && item.Personalisation && _this.IsPersonalisedGift(item)) {
if (!addToBagButton.hasClass("nodisplay")) {
addToBagButton.addClass("nodisplay");
}
if (personaliseAddToBagButton.hasClass("nodisplay")) {
personaliseAddToBagButton.removeClass("nodisplay");
}
if (item.Personalisation === "P") {
personaliseAddToBagButton.removeClass("Enabled").addClass("disabled");
$styleCopy.find(".PersonaliseUnavailableMessage").show();
} else {
personaliseAddToBagButton.removeClass("disabled").addClass("Enabled");
}
}
//else {
// addToBagButton.removeClass("nodisplay");
// if (addToBagButton.hasClass("disabled")) {
// addToBagButton.removeClass("disabled")
// .addClass("Enabled");
// }
//}
if (notificationHelp) {
notificationHelp.addClass("nodisplay");
}
}
//}
//Hide the Notification Success message in case it is displayed.
var notificationMessage = $styleCopy.find("span.NotificationSuccess");
if (!notificationMessage.hasClass("nodisplay")) {
notificationMessage.addClass("nodisplay");
}
if (ProductPage.Vars.ProductBuyNowEligibility[item.ItemNumber]) {
collectInStoreTodayHelp.addClass("nodisplay");
if (findInStoreOrBuyNowButton.hasClass("nodisplay"))
findInStoreOrBuyNowButton.removeClass("nodisplay");
}
else if (Next.Settings.Channel.IsCollectInStoreTodayEnabled) {
if (findInStoreOrBuyNowButton.hasClass("CollectInStoreLink")) {
findInStoreOrBuyNowButton.addClass("nodisplay");
collectInStoreTodayHelp.addClass("nodisplay");
findInStoreOrBuyNowButton.attr("data-cist-item", item.CollectInStoreTodayEnabled);
collectInStoreTodayHelp.attr("data-cist-item", item.CollectInStoreTodayEnabled);
showCistButton(item, notifyMeButton);
}
} else {
if (item.StoreStockCheckEnabled === "False") {
if (findInStoreOrBuyNowButton.hasClass("FindInStoreLink")) {
findInStoreOrBuyNowButton.addClass("nodisplay");
collectInStoreTodayHelp.addClass("nodisplay");
addToBagSection.find(".button-container > a.fav").children(".favTexts").removeClass('spacing');
}
} else {
findInStoreOrBuyNowButton.removeClass("nodisplay");
collectInStoreTodayHelp.removeClass("nodisplay");
}
}
if (item.CollectInStoreTodayEnabled === "False") {
addToBagSection.find(".button-container > a.fav").children(".favTexts").removeClass('spacing');
}
_this.UpdateLogoData($styleCopy, item);
_this.UpdateLegalWarningLogosData($styleCopy, item);
_this.UpdateOptionLogoData($style);
if (Next.Settings.Channel.WebDataFields.IsEnabled) {
if (Next.Settings.Channel.WebDataFields.ToneOfVoice) {
$(window).trigger('redrawDescription');
}
}
function displayCistOrBuyNowButtons() {
findInStoreOrBuyNowButton.removeClass("nodisplay");
collectInStoreTodayHelp.removeClass("nodisplay");
findInStoreOrBuyNowButton.children('.cistText').removeClass('smallerCTA');
addToBagSection.find(".button-container > a.fav").children(".favTexts").removeClass('smallerCTA');
addToBagSection.find(".button-container > a.fav").children(".favTexts").addClass('spacing');
}
function showCistButton(selectedItem, currentNotifyButton) {
try {
//item is not CIST enabled or notify me is visible or CIST is hidden
if (selectedItem.CollectInStoreTodayEnabled.toLowerCase() === "false"
|| currentNotifyButton.is(":visible")
|| ProductPage.CistConfig().Config.CistFeatureHidden.toLowerCase() === "true") {
return;
}
Common.CollectInStoreAvailable($, Next.Settings.Mobile.CollectInStore.Config).done(function (result) {
// If it's eligible, show all 'Cist Enabled' elements...
_cistStoresOpen = result.Eligible;
if (_cistStoresOpen) {
displayCistOrBuyNowButtons();
}
});
}
catch (ex) {
console.log("Exception : " + ex);
}
}
},
ShowItem: function (callLoadShotJson = true) {
// Get the current style and target item
var $style = ProductPage.Vars.$styles.filter(".Selected");
var itemNumber = $style.data("targetitem");
var itemName = $style.data("itemname");
//Format item number
var shortItemNumber = ProductPage.RemoveDashFromItemNumber(itemNumber);
if (callLoadShotJson && jsonLoaded === false) {
if (jsonInitalTry === true) {
ProductPage.LoadShotJson(3, false, $style.data("stylenumber"), itemNumber);
} else {
ProductPage.LoadShotJson(0, true, $style.data("stylenumber"), itemNumber);
}
}
//On page load we might have an item number passed as a hash param that will trigger and auto select
//We might also have a size option that will be auto selected when loaded.
//Need to check if a size option was also passed through so we can allow the selection of the size option
//to trigger the save, rather than the selection of the item.
//But - we should only do this on page load as we need to save all other, subsequent actions on the page
//the saveItemFromSizeOptionOnLoad flag will be reset immediately if we bypass this save on load
//Basically - doing this prevents us saving the same item twice...
if (hashExists && window.location.hash.indexOf('?i=') > -1 && saveItemFromSizeOptionOnLoad) {
//reset this bool so all subsequent selections will be saved
saveItemFromSizeOptionOnLoad = false;
} else {
ProductPage.RecentlyViewed.SaveViewedItem(true);
}
//Build new image URL - cdnURL is set as a global variable in parent page
var newImgUrl = cdnURL + "/Common/Items/Default/Default/ItemImages/AltItemThumb/" + shortItemNumber + ".jpg";
newImgUrl = this.OverrideImagePath(newImgUrl);
//Update display image
$style.find(".StyleImages").find("img").attr("src", newImgUrl);
// Set the description
var title = $.trim($style.find(".Title").text());
var colour = $style.find(".colourList .dk_label").text();
// ChanelPDP Description - Removing first Occurence CHANEL Brand name.
if (typeof $("article").attr("data-brand") != 'undefined' || $("article").attr("data-brand") != '') {
var index = $('article').attr('data-itemname').indexOf($('article').attr('data-brand'));
var chanelBrandTitle = (index == 0) ? $('article').attr('data-itemname').slice($('article').attr('data-brand').length).trim()
: $('article').attr('data-itemname').trim();
}
var desc = ProductPage.Vars.IsChanelBrandPDPEnabled ? chanelBrandTitle : title;
if (Next.Settings.Channel.Coords.Enabled && $("#pdpnav").length && Next.Settings.Channel.EnablePersistColourAcrossTabs) {
if ($(".pdp-tab >.tabLabel > a").attr("colourwayFlag") !== "true") {
if ($(".pdp-tab.active a").attr("data-styleid") === $(".pdp-tab >.tabLabel > a").attr("data-styleid")) {
colour = $(".pdp-tab >.tabLabel > a").attr("colour") ? $(".pdp-tab >.tabLabel > a").attr("colour") : $style.find(".colourList .dk_label").text();
}
}
}
// check if color null then select default option
if (colour === "null") {
var defaultColourSelect = $style.find(".StyleForm select.colourList option").first().text();
$style.find(".StyleForm select.colourList option").first().attr("selected", "selected")
$style.find(".colourList .dk_label").text(defaultColourSelect);
colour = defaultColourSelect
}
if (!colour) {
var $colourChip = $style.find(".StyleForm ul.colourChips li.active");
colour = $colourChip.data("value");
}
if (Next.Settings.Channel.SoldoutColourChipStyle !== "") {
var $colourChips = $style.find("ul.colourChips li");
$colourChips.each(function () {
if ($(this).hasClass("SoldoutChip") && $(this).hasClass("active")) {
$(this).removeClass(Next.Settings.Channel.SoldoutColourChipStyle);
}
});
}
if (pdpChipsEnabled && ProductPage.Styles.PDPColourChipsEnabled() && ProductPage.Styles.pdpChipsShow()) {
colour = $(".colourChips .chipItem.active").attr("title");
}
if (isStackedPDPPage || $("div.Content.suitsPDPCls").length === 1) {
if ($style.find(".StyleForm .Chips .colourChipsContainer").is(":visible")) {
var $colourChip = $style.find(".StyleForm ul.colourChips li.active");
colour = $colourChip.data("value");
}
else {
colour = $style.find(".colourList .dk_label").text();
}
}
if (colour && title.indexOf(colour) !== 0)
desc = colour + " " + desc;
var mainImage = "";
var zoomImage = "";
// Show lifestyle shot if not come from a Style With item, identified by hash without catalogue code (#999999).
var lifestyleShot;
if (StyleWithScroll) {
lifestyleShot = initialLoad && (window.location.hash.length !== 7);
} else {
lifestyleShot = initialLoad && (window.location.hash.length !== 7 || $style.hasClass("FirstItem"));
}
var pageType = ProductPage.Vars.$zoomComponent.attr("data-pagetype");
var currentItemData = ProductPage.Styles.GetPageDataForItem(itemNumber);
if (Next.Settings.Channel.PDPStyleDescription.EnableSearchDescriptionAsPDPTitle) {
this.PDPStyleDescription.HandleRange($style, currentItemData);
}
else {
if (Next.Settings.Channel.TotalPlatformFeatures.TPStyleDescriptionEnabled && currentItemData.style.TPStyleDescription) {
if (Next.Settings.Channel.TotalPlatformFeatures.RangeEnabled && currentItemData.item.Range) {
$style.find(".StyleCopy .StyleHeader .Title h1").text(currentItemData.item.Range + ' ' + currentItemData.style.TPStyleDescription);
}
}
}
if ((!Next.Settings.Channel.M2MCurtainsAndBlindsEnabled && currentItemData.item.Personalisation === "Y" && currentItemData.item.FulfilmentType === "M")
|| (!Next.Settings.Channel.EnableFlowers && currentItemData.item.Personalisation === "Y" && currentItemData.item.FulfilmentType === "F")) {
$("#m2mServiceDownMessage").show();
}
//Set Shot View Image
if (Next.Settings.Channel.PliNewMediaFormatIsEnabled && Next.Settings.Channel.PliBehaviourIsEnabled) {
var setMainAndZoomImageForShotMedia = function (book, page, filename) {
mainImage = shotData.ShotBasePath + book + shotData.ShotViewPath + page + "/" + filename + ".jpg";
zoomImage = shotData.ShotBasePath + book + shotData.ShotZoomPath + page + "/" + filename + ".jpg";
};
var setMainAndZoomImagesFromName = function (name) {
mainImage = window.cdnURL + "/Common/Items/Default/Default/ItemImages/AltItemShot/315x472/" + name + ".jpg";
zoomImage = window.cdnURL + "/Common/Items/Default/Default/ItemImages/AltItemZoom/" + name + ".jpg";
};
var isDefaultItem = PLI.IsDefaultItem(itemNumber);
//For style pages
if (pageType === "style" && ItemLevelImagery && currentItemData.item.Media) {
var stylePageMedia = currentItemData.item.Media;
if (stylePageMedia != null && stylePageMedia.length > 0) {
if (stylePageMedia[0].level === "book" && stylePageMedia[0].outlet && stylePageMedia[0].pageNo) {
setMainAndZoomImageForShotMedia(stylePageMedia[0].outlet, stylePageMedia[0].pageNo, stylePageMedia[0].name);
}
else if (stylePageMedia[0].level === "book" && book.length > 0 && pageNumber.length > 0) {
setMainAndZoomImageForShotMedia(book, pageNumber, stylePageMedia[0].name);
} else {
//For level=item and fail safe way
setMainAndZoomImagesFromName(stylePageMedia[0].name);
}
}
else {
//Fail safe way
setMainAndZoomImagesFromName(shortItemNumber);
}
}
//If Default Item - use Shot Book Media else use Item Level Media
else if (isDefaultItem) {
var defaultItemMedia = shotData.Media;
if (defaultItemMedia != null && defaultItemMedia.length > 0) {
//Added the below condition for the scenario when there is only one item in the root level media
if (defaultItemMedia[0].level === "book" && book.length > 0 && pageNumber.length > 0) {
setMainAndZoomImageForShotMedia(book, pageNumber, defaultItemMedia[0].name);
} else {
//For level=item and fail safe way
setMainAndZoomImagesFromName(defaultItemMedia[0].name);
}
}
else {
//Fail safe way
setMainAndZoomImagesFromName(shortItemNumber);
}
}
else {
var currentItemMedia = currentItemData.item.Media;
if (currentItemMedia && currentItemMedia.length > 0) {
if (currentItemMedia[0].level === "book") {
setMainAndZoomImageForShotMedia(currentItemMedia[0].outlet, currentItemMedia[0].pageNo, currentItemMedia[0].name);
} else {
//For level=item and fail safe way
setMainAndZoomImagesFromName(currentItemMedia[0].name);
}
}
else {
//Fail safe way
setMainAndZoomImagesFromName(shortItemNumber);
}
}
} else if (Next.Settings.Channel.PliNewMediaFormatIsEnabled) {
var media = shotData.Media;
if (pageType === "style" && ItemLevelImagery)
media = currentItemData.item.Media;
if (media === undefined) {
media = [];
}
var useFailSafe = true;
if (lifestyleShot && media && media.length > 0) {
if (media[0].level === "book" && book.length > 0 && pageNumber.length > 0 && media[0].alsoItemLevel == "") {
useFailSafe = false;
mainImage = shotData.ShotBasePath + book + shotData.ShotViewPath + pageNumber + "/" + media[0].name + ".jpg";
zoomImage = shotData.ShotBasePath + book + shotData.ShotZoomPath + pageNumber + "/" + media[0].name + ".jpg";
}
if (media[0].level === "book" && media[0].alsoItemLevel === "true" ||
media[0].level === "item") {
useFailSafe = false;
mainImage = cdnURL + "/Common/Items/Default/Default/ItemImages/AltItemShot/315x472/" + media[0].name + ".jpg";
zoomImage = cdnURL + "/Common/Items/Default/Default/ItemImages/AltItemZoom/" + media[0].name + ".jpg";
}
}
if (useFailSafe) {
mainImage = cdnURL + "/Common/Items/Default/Default/ItemImages/AltItemShot/315x472/" + shortItemNumber + ".jpg";
zoomImage = cdnURL + "/Common/Items/Default/Default/ItemImages/AltItemZoom/" + shortItemNumber + ".jpg";
}
} else {
var media = shotData.Media;
if (pageType === "style" && ItemLevelImagery)
media = currentItemData.item.Media;
if (media === undefined) {
media = [];
}
var useFailSafe = true;
if (lifestyleShot && media && media.length > 0) {
if (media[0].level === "book" && book.length > 0 && pageNumber.length > 0) {
useFailSafe = false;
mainImage = shotData.ShotBasePath + book + shotData.ShotViewPath + pageNumber + "/" + media[0].name + ".jpg";
zoomImage = shotData.ShotBasePath + book + shotData.ShotZoomPath + pageNumber + "/" + media[0].name + ".jpg";
}
if (media[0].level === "item") {
useFailSafe = false;
mainImage = cdnURL + "/Common/Items/Default/Default/ItemImages/AltItemShot/315x472/" + media[0].name + ".jpg";
zoomImage = cdnURL + "/Common/Items/Default/Default/ItemImages/AltItemZoom/" + media[0].name + ".jpg";
}
}
if (useFailSafe) {
mainImage = cdnURL + "/Common/Items/Default/Default/ItemImages/AltItemShot/315x472/" + shortItemNumber + ".jpg";
zoomImage = cdnURL + "/Common/Items/Default/Default/ItemImages/AltItemZoom/" + shortItemNumber + ".jpg";
}
}
if (Next.Settings.Channel.PDPImageManDimensions) {
mainImage = this.OverrideImagePath(zoomImage)
}
else {
mainImage = this.OverrideImagePath(mainImage);
}
zoomImage = this.OverrideImagePath(zoomImage);
var params = {
SmallImage: mainImage,
LargeImage: zoomImage,
Description: desc
};
ProductImages.Styles.Images.Update(itemNumber, $style, initialLoad);
// Update Discount flag
$style.data("isdiscount", currentItemData.item.IsDiscount.toString());
//Sale
if (currentItemData.item.IsDiscount) {
if ($('.mod-pdp-reviewstars')) {
$('.mod-pdp-reviewstars').addClass('hasWasPrice');
}
$style.find('.Price span').text(currentItemData.item.SalePlainPrice);
$style.find('.Price .wasPrice').text(currentItemData.item.SaleHighlightPrice);
$style.find('.Price span').parent().closest('div').removeClass("nowPrice").addClass("highlightPrice");
if (currentItemData.item.MarkdownType === 2) {
$style.find('.Price span').parent().closest('div')
.removeClass("nowPrice")
.removeClass("discountPermanent")
.addClass("discountTemporary");
}
if (currentItemData.item.MarkdownType === 1) {
$style.find('.Price span').parent().closest('div')
.removeClass("nowPrice")
.removeClass("discountTemporary")
.addClass("discountPermanent");
}
$style.find('.StyleHeader .SpecialOffer').text(Next.Settings.Channel.SalePriceBasketSubText).show();
var $tbody = $style
.find('.priceHistoryGroup').show()
.find("tbody").empty();
if (currentItemData.item.IsSoldOut == "False" && Next.Settings.Channel.SaleShowPriceHistory) {
$style.find('.priceHistoryGroup').attr('data-display', 'show');
} else {
$style.find('.priceHistoryGroup').attr('data-display', 'hide');
}
var pH = currentItemData.item.PriceHistory;
for (var i in pH) {
$tbody
.append($("