if (!element) return; const skeletonItems = element.querySelectorAll(".skeleton-card"); if (skeletonItems.length) { return false; } // localization const cookieLocale = getCookie("sb-landing-locale") || "en-US"; const locale = new RegExp(cookieLocale).test(window.location.pathname) ? cookieLocale : "en-US"; const TEXTS = { "en-US": { bonus: " Bonus", buy_now: "Buy Now", log_in_to_unlock: "Log In To Unlock", value: "Value", sale: "Sale", bogo: "BOGO" }, "es-ES": { bonus: " de bonificación", buy_now: "Comprar", log_in_to_unlock: "Inicia sesión para desbloquear", value: " del valor", sale: "Oferta", bogo: "2x1" }, "pt-BR": { bonus: " de bônus", buy_now: "Comprar", log_in_to_unlock: "Faça login para desbloquear", value: " em valor", sale: "Promoção", bogo: "Compre 1 Leve 2" }, "fr-FR": { bonus: "Bonus ", buy_now: "Acheter", log_in_to_unlock: "Connectez-vous pour débloquer", value: " en prime", sale: "Soldes", bogo: "OFFRE 1+1" }, "de-DE": { bonus: " Bonus", buy_now: "Jetzt kaufen", log_in_to_unlock: "Anmelden zum Freischalten", value: " Wert", sale: "Angebote", bogo: "1+1" }, "it-IT": { bonus: "Bonus ", buy_now: "Compra ora", log_in_to_unlock: "Accedi per sbloccare", value: "Valore ", sale: "Saldi", bogo: "2x1" }, "ru-RU": { bonus: "Бонус ", buy_now: "Купить", log_in_to_unlock: "Войдите, чтобы открыть", value: "Ценность ", sale: "Распродажа", bogo: "1+1" }, "ja-JP": { bonus: " ボーナス", buy_now: "今すぐ購入", log_in_to_unlock: "ログインしてアンロック", value: "価値", sale: "セール", bogo: " +1セール" }, "ko-KR": { bonus: "보너스 ", buy_now: "지금 구매", log_in_to_unlock: "로그인하여 잠금 해제", value: " 가치", sale: "할인", bogo: "1+1" }, "tr-TR": { bonus: " Bonus", buy_now: "Hemen Al", log_in_to_unlock: "Açmak İçin Giriş Yap", value: " Değer", sale: "İndirim", bogo: "2 Al 1 Ödev" }, "pl-PL": { bonus: "Bonus ", buy_now: "Kup teraz", log_in_to_unlock: "Zaloguj się, by odblokować", value: "Wartość ", sale: "Wyprzedaż", bogo: "2 w cenie 1" }, "es-LA": { bonus: " de bonificación", buy_now: "Comprar ahora", log_in_to_unlock: "Inicia sesión para desbloquear", value: " del valor", sale: "Oferta", bogo: "2x1" } }; // localization const SESSION_SKU_KEY = "button_sku"; let shelvesArray = []; let itemsNumberOfShelf = window.innerWidth <= 1280 ? 2 : 4; // window.addEventListener("resize", (event) => { // const newItemsNumberOfShelf = window.innerWidth <= 1280 ? 2 : 4; // if (newItemsNumberOfShelf !== itemsNumberOfShelf) { // itemsNumberOfShelf = newItemsNumberOfShelf; // const itemsSections2 = element.querySelectorAll(".new-store__section"); // itemsSections2.forEach((items, index) => { // renderStore(items.querySelectorAll(".new-store-card"), index); // }); // } // }); const bundlesStore = state.storeState.bundles.items; const viPacksStore = state.storeState.virtualCurrencyPacks.items; const commonItemsStore = [...bundlesStore, ...viPacksStore]; const itemsSections = element.querySelectorAll(".new-store__section"); itemsSections.forEach((items, index) => { renderStore(items.querySelectorAll(".new-store-card"), index); }); function renderStore(commonGoodsItems, sectionNumber) { const oldShelves = element.querySelectorAll(".new-store-item-container")[sectionNumber].querySelectorAll(".goods-shelf"); shelvesArray = []; Array.from(oldShelves).forEach((element2) => element2.remove()); commonGoodsItems.forEach((item, index) => { const sku = item.querySelector(".button").getAttribute("data-sku"); const serverItem = commonItemsStore.find((item2) => item2.sku === sku); if (serverItem) { const cardName = item.querySelector(".card-text__name"); // if (!item.querySelector(".price-label")) { // const buyButton = item.querySelector(".button"); // const priceLabel = document.createElement("div"); // priceLabel.classList.add("price-label"); // priceLabel.innerHTML = buyButton.innerHTML; // buyButton.before(priceLabel); // buyButton.innerHTML = `${TEXTS[locale].buy_now || TEXTS["en-US"].buy_now}`; // } const shouldDisableBonusLabel = item.querySelector(".bonus-label"); const bonusLabel = document.createElement("div"); bonusLabel.classList.add("bonus-label"); if (serverItem.bundleType === "standard") { const token = getCookie("xsolla_login_token_sb"); if (!token && !item.classList.contains("new-store-card--bundle_locked") && false) { //To return blocked cards you need to delete them " && false" item.classList.add("new-store-card--bundle_locked"); const lockedCard = document.createElement("div"); lockedCard.classList.add( "new-store-card--bundle_locked-card" ); const lockedImage = document.createElement("div"); lockedImage.classList.add( "new-store-card--bundle_locked-image" ); const lockedText = document.createElement("div"); lockedText.classList.add( "new-store-card--bundle_locked-text" ); lockedText.innerHTML = `${TEXTS[locale].log_in_to_unlock || TEXTS["en-US"].log_in_to_unlock}`; lockedCard.append(lockedImage, lockedText); item.append(lockedCard.cloneNode(true)); item.addEventListener("click", (event) => { event.stopPropagation(); }); } const extraValueAttr = serverItem.attributes.find( (item2) => item2.externalId === "bundles_extra_value" ); if (extraValueAttr) { const attributeName = serverItem.name; cardName.innerHTML = attributeName; if (!shouldDisableBonusLabel) { const labelValue = extraValueAttr.values[0].value; const isInverseLabel = locale === "it-IT" || locale === "ru-RU" || locale === "ja-JP" || locale === "pl-PL"; bonusLabel.innerHTML = isInverseLabel ? `

${TEXTS[locale].value || TEXTS["en-US"].value} +${labelValue}%

` : `

+${labelValue}% ${TEXTS[locale].value || TEXTS["en-US"].value}

`; } } const saleValueAttr = serverItem.attributes.find( (item2) => item2.externalId === "vc_pack_bonus" ); if (saleValueAttr) { const attributeName = serverItem.name; cardName.innerHTML = attributeName; const isBogoBundle = saleValueAttr.values[0].externalId === "BOGO_BUNDLE"; if (isBogoBundle) { bonusLabel.classList.add("bonus__label--bogo"); bonusLabel.innerHTML = `

${TEXTS[locale].bogo || TEXTS["en-US"].bogo}

`; } else if (!shouldDisableBonusLabel) { const externalId = saleValueAttr.values[0].externalId; bonusLabel.classList.add("bonus__label--sale"); bonusLabel.innerHTML = `

${TEXTS[locale][externalId] || TEXTS["en-US"][externalId]}

`; } } } else { const bonusAttr = serverItem.attributes.find( (item2) => item2.externalId === "vc_pack_bonus" ); if (bonusAttr) { const isSaleAttr = bonusAttr.values[0].externalId === "sale"; cardName.innerHTML = isSaleAttr ? serverItem.content[0].quantity : serverItem.content[0].quantity - bonusAttr.values[0].value; if (!shouldDisableBonusLabel) { if (isSaleAttr) { const externalId = bonusAttr.values[0].externalId; bonusLabel.classList.add("bonus__label--sale"); bonusLabel.innerHTML = `

${TEXTS[locale][externalId] || TEXTS["en-US"][externalId]}

`; } else { const labelValue = bonusAttr.values[0].value; const isInverseLabel = locale === "fr-FR" || locale === "it-IT" || locale === "ru-RU" || locale === "ko-KR" || locale === "pl-PL"; bonusLabel.innerHTML = isInverseLabel ? `

${TEXTS[locale].bonus || TEXTS["en-US"].bonus}+${labelValue}

` : `

+${labelValue}${TEXTS[locale].bonus || TEXTS["en-US"].bonus}

`; } } } } try { if (serverItem.groups[0]?.externalId === "Promotions") { item.classList.add("promotion-card"); } if (sectionNumber !== 0) { item.classList.add("remove-margin-from-section"); } } catch (e) { console.log("e", e); } if (!shouldDisableBonusLabel) { item.prepend(bonusLabel); } customizeBundleItem(item, serverItem); customizeAvailableLabel(item); } }); } function getCookie(name) { const matches = document.cookie.match( new RegExp( `(?:^|; )${name.replace(/([.$?*|{}()[\]\\/+^])/g, "\\$1")}=([^;]*)` ) ); return matches ? decodeURIComponent(matches[1]) : void 0; } function saveSkuOnClick(Card) { const clickHandler = () => { sessionStorage.setItem(SESSION_SKU_KEY, Card.querySelector(".button")?.dataset.sku); }; Card.addEventListener("click", clickHandler); return clickHandler; } function openPaystation() { const sku = sessionStorage.getItem(SESSION_SKU_KEY); if (sku) { element.querySelector(`[data-sku=${sku}]`)?.click(); sessionStorage.removeItem(SESSION_SKU_KEY); } } function clearSessionOnLoginClick() { const LoginButton = document.querySelector("header")?.querySelector(".login-button"); if (!LoginButton) return; LoginButton.addEventListener("click", () => { sessionStorage.removeItem(SESSION_SKU_KEY); }); } function initializeCardEventHandlers() { const loggedUserAccount = document.querySelector(".header-logged-user-account"); const Cards = element.querySelectorAll(".new-store-card"); const eventHandlers = new Map(); if (!loggedUserAccount) { Cards.forEach((Card) => { const handler = saveSkuOnClick(Card); eventHandlers.set(Card, handler); }); } window.addEventListener("custom-event:authorization:login", () => { eventHandlers.forEach((handler, Card) => { Card.removeEventListener("click", handler); }); eventHandlers.clear(); openPaystation(); }); } initializeCardEventHandlers(); clearSessionOnLoginClick(); console.log(state?.storeState)

코드 사용

프로모션 코드를 사용하여 할인 및 보너스 인게임 아이템 받기

장바구니

장바구니

장바구니