1/3

2024-2025 Brazil Training Suit Football Shirt 1:1 Thai Quality

Name: 2024-2025 Brazil Training Suit Football Shirt 1:1 Thai Quality
Price: 29.9 USD
Availability: InStock

/** * 优惠码组件模型类 * 处理优惠码的显示和交互逻辑 */ class SpzCustomDiscountCodeModel extends SPZ.BaseElement { constructor(element) { super(element); // 复制按钮和内容的类名 this.copyBtnClass = "discount_code_btn" this.copyClass = "discount_code_value" } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } buildCallback() { // 初始化服务 this.action_ = SPZServices.actionServiceForDoc(this.element); this.templates_ = SPZServices.templatesForDoc(this.element); this.xhr_ = SPZServices.xhrFor(this.win); } /** * 渲染优惠码组件 * @param {Object} data - 渲染数据 */ doRender_(data) { return this.templates_ .findAndRenderTemplate(this.element, Object.assign(this.getDefaultData(), data) ) .then((el) => { this.clearDom(); this.element.appendChild(el); // 绑定复制代码功能 this.copyCode(el, data); }); } /** * 获取渲染模板 * @param {Object} data - 渲染数据 */ getRenderTemplate(data) { const renderData = Object.assign(this.getDefaultData(), data); return this.templates_ .findAndRenderTemplate(this.element, renderData) .then((el) => { this.clearDom(); return el; }); } /** * 清除DOM内容 */ clearDom() { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); } /** * 获取默认数据 * @returns {Object} 默认数据对象 */ getDefaultData() { return { isMobile: appDiscountUtils.judgeMobile(), isRTL: appDiscountUtils.judgeRTL(), image_domain: this.win.SHOPLAZZA.image_domain, copyBtnClass: this.copyBtnClass, copyClass: this.copyClass } } /** * 复制优惠码功能 * @param {Element} el - 当前元素 */ copyCode(el) { const copyBtnList = el.querySelectorAll(`.${this.copyBtnClass}`); if (copyBtnList.length > 0) { copyBtnList.forEach(item => { item.onclick = async () => { // 确保获取正确的元素和内容 const codeElement = item.querySelector(`.${this.copyClass}`); if (!codeElement) return; // 获取纯文本内容 const textToCopy = codeElement.innerText.trim(); // 尝试使用现代API，如果失败则使用备用方案 try { if (navigator.clipboard && navigator.clipboard.writeText) { await navigator.clipboard.writeText(textToCopy); } else { throw new Error('Clipboard API not available'); } // 显示复制成功提示 this.showCopySuccessToast(textToCopy, el); } catch (err) { console.error('Modern clipboard API failed, trying fallback...', err); // 使用备用复制方案 this.fallbackCopy(textToCopy, el); } const discountId = item.dataset["discountId"]; // 跳转决策: is_redirection + link(可选覆盖) const setting = { is_redirection: item.dataset["redirection"] === "true", link: item.dataset["link"], }; const landingUrl = `/promotions/discount-default/${discountId}`; const finalUrl = appDiscountUtils.resolveDiscountHref(setting, landingUrl); if (finalUrl && appDiscountUtils.inProductBody(this.element)) { this.win.open(finalUrl, '_blank', 'noopener'); } } }) } } /** * 使用 execCommand 的复制方案 * @param {string} codeText - 要复制的文本 * @param {Element} el - 当前元素 */ fallbackCopy(codeText, el) { const textarea = this.win.document.createElement('textarea'); textarea.value = codeText; // 设置样式使文本框不可见 textarea.style.position = 'fixed'; textarea.style.left = '-9999px'; textarea.style.top = '0'; // 添加 readonly 属性防止移动端虚拟键盘弹出 textarea.setAttribute('readonly', 'readonly'); this.win.document.body.appendChild(textarea); textarea.focus(); textarea.select(); try { this.win.document.execCommand('copy'); // 显示复制成功提示 this.showCopySuccessToast(codeText, el); } catch (err) { console.error('Copy failed:', err); } this.win.document.body.removeChild(textarea); } /** * 创建 Toast 元素 * @returns {Element} 创建的 Toast 元素 */ createToastEl_() { const toast = document.createElement('ljs-toast'); toast.setAttribute('layout', 'nodisplay'); toast.setAttribute('hidden', ''); toast.setAttribute('id', 'discount-code-toast'); toast.style.zIndex = '1051'; return toast; } /** * 挂载 Toast 元素到 body * @returns {Element} 挂载的 Toast 元素 */ mountToastToBody_() { const existingToast = this.win.document.getElementById('discount-code-toast'); if (existingToast) { return existingToast; } const toast = this.createToastEl_(); this.win.document.body.appendChild(toast); return toast; } /** * 复制成功的提醒 * @param {string} codeText - 要复制的文本 * @param {Element} el - 当前元素 */ showCopySuccessToast(codeText, el) { const $toast = this.mountToastToBody_(); SPZ.whenApiDefined($toast).then(toast => { toast.showToast("Discount code copied !"); this.codeCopyInSessionStorage(codeText); }); } /** * 复制优惠码成功后要存一份到本地存储中，购物车使用 * @param {string} codeText - 要复制的文本 */ codeCopyInSessionStorage(codeText) { try { sessionStorage.setItem('other-copied-coupon', codeText); } catch (error) { console.error(error) } } } // 注册自定义元素 SPZ.defineElement('spz-custom-discount-code-model', SpzCustomDiscountCodeModel);

/** * Custom discount code component that handles displaying and managing discount codes * @extends {SPZ.BaseElement} */ class SpzCustomDiscountCode extends SPZ.BaseElement { constructor(element) { super(element); // API endpoint for fetching discount codes this.getDiscountCodeApi = "\/api\/storefront\/promotion\/code\/list"; // Debounce timer for resize events this.timer = null; // Current variant ID this.variantId = "228e162d-e588-42c0-9c88-5af7af65f5de"; // Store discount code data this.discountCodeData = {} } /** * Check if layout is supported * @param {string} layout - Layout type * @return {boolean} */ isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } /** * Initialize component after build */ buildCallback() { this.templates_ = SPZServices.templatesForDoc(); this.viewport_ = this.getViewport(); // Bind methods to maintain context this.render = this.render.bind(this); this.resize = this.resize.bind(this); this.switchVariant = this.switchVariant.bind(this); } /** * Setup component when mounted */ mountCallback() { this.getData(); // Add event listeners this.viewport_.onResize(this.resize); this.win.document.addEventListener('dj.variantChange', this.switchVariant); } /** * Cleanup when component is unmounted */ unmountCallback() { this.viewport_.removeResize(this.resize); this.win.document.removeEventListener('dj.variantChange', this.switchVariant); // 清除定时器 if (this.timer) { clearTimeout(this.timer); this.timer = null; } } /** * Handle resize events with debouncing */ resize() { if (this.timer) { clearTimeout(this.timer) this.timer = null; } this.timer = setTimeout(() => { if (appDiscountUtils.inProductBody(this.element)) { this.render(); } else { this.renderSkeleton(); } }, 200); } /** * Handle variant changes * @param {Event} event - Variant change event */ switchVariant(event) { const variant = event.detail.selected; if (variant.product_id == 'd1010251-03ea-47b5-881f-2490b894bed3' && variant.id != this.variantId) { this.variantId = variant.id; this.getData(); } } /** * Fetch discount code data from API */ getData() { if (appDiscountUtils.inProductBody(this.element)) { const reqBody = { product_id: "d1010251-03ea-47b5-881f-2490b894bed3", variant_id: this.variantId, product_type: "default", } if (!reqBody.product_id || !reqBody.variant_id) return; this.discountCodeData = {}; this.win.fetch(this.getDiscountCodeApi, { method: "POST", body: JSON.stringify(reqBody), headers: { "Content-Type": "application/json" } }).then(async (response) => { if (response.ok) { let data = await response.json(); if (data.list && data.list.length > 0) { data.list[0].product_setting.template_config = JSON.parse(data.list[0].product_setting.template_config); // Format timestamps to local timezone const zone = this.win.SHOPLAZZA.shop.time_zone; data.list = data.list.map(item => { if(+item.ends_at !== -1) { item.ends_at = appDiscountUtils.convertTimestampToFormat(+item.ends_at, zone); } item.starts_at = appDiscountUtils.convertTimestampToFormat(+item.starts_at, zone); return item; }); } this.discountCodeData = data; this.render(); } else { this.clearDom(); } }).catch(err => { console.error("discount_code", err) this.clearDom(); }); } else { this.renderSkeleton(); } } /** * Clear component DOM except template */ clearDom() { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); } /** * Render discount codes with formatted dates */ render() { // Render using discount code model SPZ.whenApiDefined(document.querySelector('#spz_custom_discount_code_model')).then(renderApi => { renderApi.doRender_({ discountCodeData: this.discountCodeData }) }).catch(err => { this.clearDom(); }) } renderSkeleton() { // Render template for non-product pages this.templates_ .findAndRenderTemplate(this.element, { isMobile: appDiscountUtils.judgeMobile() }) .then((el) => { this.clearDom(); this.element.appendChild(el); }) .catch(err => { this.clearDom(); }); } } // Register custom element SPZ.defineElement('spz-custom-discount-code', SpzCustomDiscountCode);

$29.90

Size:

XXL

Quantity

try { const isCartPage = () => { return window.SHOP_PARAMS?.template_type == 13; } const hidePaymentButton = () => { const buttonContainer = document.getElementById('hipay-button-content-1539149753700-10'); const paymentWrapper = buttonContainer?.querySelector('.hipay-button-wrapper'); if (paymentWrapper) { paymentWrapper.style.display = 'none'; } } const showPaymentButton = () => { const buttonContainer = document.getElementById('hipay-button-content-1539149753700-10'); const paymentWrapper = buttonContainer?.querySelector('.hipay-button-wrapper'); if (paymentWrapper) { paymentWrapper.style.display = 'block'; } } const getProductFromJSON = () => { const $productJson = document.querySelector('#product-json'); return ($productJson && $productJson.textContent && JSON.parse($productJson.textContent)) || null; }; const getProductFromCart = async () => { try { const response = await fetch('/api/cart/cart-select', { method: 'GET', headers: { 'X-Requested-With': 'XMLHttpRequest' } }); const cartData = await response.json(); return cartData.cart; } catch (error) { console.error('Error fetching cart data:', error); return null; } }; const getProduct = (() => { if (C_SETTINGS.meta.page.template_type == '1') { // 仅商品详情页能取到商品详情数据 document.addEventListener('dj.variantChange', async (e) => { if (!e.detail || !e.detail.product) return; const updateProductData = (productData) => { const selectData = productData.product.variants.find((item) => item.id === e.detail.selected.id); if (selectData && productData.product) { return Object.assign({}, e.detail, { product: productData.product, selected: selectData }); } return null; }; const $productJson = document.querySelector('#product-json'); if ($productJson && $productJson.textContent && JSON.parse($productJson.textContent)) { const productData = JSON.parse($productJson.textContent); const updatedProductData = updateProductData(productData); if (updatedProductData) { $productJson.textContent = JSON.stringify(updatedProductData); } } if (window.jQuery && window.jQuery.fn && window.jQuery(document).data('djproduct')) { const productData = window.jQuery(document).data('djproduct'); const updatedProductData = updateProductData(productData); if (updatedProductData) { window.jQuery(document).data('djproduct', updatedProductData); } } // 商品规格变更后重新检查价格 const priceValid = await checkProductPrice(); if (!priceValid) { hidePaymentButton(); } else { showPaymentButton(); } }); return () => { let productData = null; if (window.jQuery && window.jQuery.fn) { // 兼容主题自己有 jquery 的情况 try { let $product = window.jQuery(document).data('djproduct'); if ($product) { productData = JSON.parse(JSON.stringify($product)); // deep copy } else { productData = null; } } catch (error) { productData = null; } } // jQuery 获取不到 djproduct，用原生的方式获取 if (!productData) { productData = getProductFromJSON(); } return productData; }; } else { return () => null; } })(); // Hipay 对0元单有拦截，所以0元单需要隐藏ec按钮 const checkProductPrice = async () => { const cartPage = isCartPage(); if (cartPage) { try { const cartData = await getProductFromCart(); if (cartData && cartData.total_price && !Number(cartData.total_price)) { return false; } } catch (error) { console.error('Error checking cart price:', error); } } else { const productData = getProduct(); if (productData && productData.selected && productData.selected.price && !Number(productData.selected.price)) { return false; } } return true; } const initThemeCheck = async () => { const priceValid = await checkProductPrice(); if (!priceValid) { hidePaymentButton(); return false; } showPaymentButton(); return true; } initThemeCheck().then(hipaySupported => { if (hipaySupported) { // 监听购物车变化事件，0元单隐藏ec按钮 if (isCartPage()) { document.addEventListener('dj.cartChange', (e) => { // 购物车商品变更后重新检查价格 const priceValid = e.detail?.total_price && Number(e.detail.total_price); if (priceValid) { showPaymentButton(); } else { hidePaymentButton(); } }); } const prepareRequestData = (productData, source = 'buy_now') => { // paypal payment_app_id const pay_method = { develop: '8146987', staging: '8230940', production: '148197' }[window.C_SETTINGS?.namespace || 'production']; const requestData = { refer_info: { source: source, pay_method } }; if (source === 'cart') { // 购物车页面：处理购物车数据 if (productData && productData.line_items && Array.isArray(productData.line_items)) { requestData.line_items = productData.line_items.map(item => ({ note: item.note || "", quantity: item.quantity || 1, product_id: item.product_id, variant_id: item.variant_id, properties: item.properties || {} })); } } else { // 商品详情页：处理单个商品数据 if (productData && productData.product && productData.selected) { requestData.line_items = [ { note: productData.note || "", quantity: productData.quantity || productData.qty || 1, product_id: productData.product.id, variant_id: productData.selected.id, properties: productData.properties || {} } ]; } } return requestData; }; const createOrder = async (requestData) => { try { const response = await fetch('/api/checkout/order', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest' }, body: JSON.stringify(requestData) }); if (response.status === 302) { const redirectHeader = response.headers.get('X-Redirect'); if (redirectHeader) { return { data: { redirect_url: redirectHeader } }; } console.error('302 redirect received but no redirect URL found'); } const res = await response.json(); return res; } catch (error) { console.error('Error creating order:', error); throw error; } }; const createDebounceWrapper = () => { let isProcessing = false; return function debounce(asyncFn) { return async function(...args) { if (isProcessing) { return; } try { isProcessing = true; return await asyncFn.apply(this, args); } finally { isProcessing = false; } }; }; }; // 初始化支付按钮 const initPaymentButton = (buttonId, spinnerId) => { const button = document.getElementById(buttonId); const spinner = document.getElementById(spinnerId); if (button) { const handlePayment = async () => { button.classList.add('loading'); spinner.style.display = 'block'; try { let productData; const cartPage = isCartPage(); if (cartPage) { // 购物车页面：从接口获取商品数据 productData = await getProductFromCart(); // 检查购物车总价 if (productData && productData.total_price && !Number(productData.total_price)) { button.classList.remove('loading'); spinner.style.display = 'none'; hidePaymentButton(); return; } } else { // 商品详情页：从页面获取商品数据 productData = getProduct(); // 检查商品价格 if (productData && productData.selected && productData.selected.price && !Number(productData.selected.price)) { button.classList.remove('loading'); spinner.style.display = 'none'; hidePaymentButton(); return; } } const source = cartPage ? 'cart' : 'buy_now'; const requestData = prepareRequestData(productData, source); const res = await createOrder(requestData); if (res?.data?.redirect_url) { window.location.href = res.data.redirect_url; } else { console.error('redirect_url不存在，请重试'); button.classList.remove('loading'); spinner.style.display = 'none'; } } catch (error) { console.error('Payment error:', error); button.classList.remove('loading'); spinner.style.display = 'none'; } }; const debounceWrapper = createDebounceWrapper(); const debouncedHandlePayment = debounceWrapper(handlePayment); button.addEventListener('click', async function (e) { e.preventDefault(); await debouncedHandlePayment(); }); } }; // 初始化支付按钮 initPaymentButton('hipay-button-1539149753700-10', 'hipay-button-spinner-1539149753700-10'); } }); } catch (e) { console.error('Payment button initialization error:', e); }

/** @private {string} */ class SpzCustomAnchorScroll extends SPZ.BaseElement { static deferredMount() { return false; } constructor(element) { super(element); /** @private {Element} */ this.scrollableContainer_ = null; } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } buildCallback() { this.viewport_ = this.getViewport(); this.initActions_(); } setTarget(containerId, targetId) { this.containerId = '#' + containerId; this.targetId = '#' + targetId; } scrollToTarget() { const container = document.querySelector(this.containerId); const target = container.querySelector(this.targetId); const {scrollTop} = container; const eleOffsetTop = this.getOffsetTop_(target, container); this.viewport_ .interpolateScrollIntoView_( container, scrollTop, scrollTop + eleOffsetTop ); } initActions_() { this.registerAction( 'scrollToTarget', (invocation) => this.scrollToTarget(invocation?.caller) ); this.registerAction( 'setTarget', (invocation) => this.setTarget(invocation?.args?.containerId, invocation?.args?.targetId) ); } /** * @param {Element} element * @param {Element} container * @return {number} * @private */ getOffsetTop_(element, container) { if (!element./*OK*/ getClientRects().length) { return 0; } const rect = element./*OK*/ getBoundingClientRect(); if (rect.width || rect.height) { return rect.top - container./*OK*/ getBoundingClientRect().top; } return rect.top; } } SPZ.defineElement('spz-custom-anchor-scroll', SpzCustomAnchorScroll);

Description

Note:

-You need to leave your custom information about the name and the number in the Special Instruction(optional) when you are adding payment informations. So that we can customize them for you before we ship the order. If not, we will send the shirt without the name and the number to you. Thanks!

Description:

-Composition: 100% Polyester
-Predominant Color: Black
-Style: For Male
-Origin: Thailand
-Shield: Embroidery
-Country: Portugal
-Sleeve: Short

Approximate dimensions (H x W):

-S: Length 69cm Bust 50cm Height 165-170cm Weight 50-55kg
-M: length 75cm bust 53cm height 170-175cm weight 55-65kg
-L: length 78cm bust 55cm height 175-180cm weight 65-75kg
-XL: Length 82cm Bust 57cm Height 180-185cm Weight 75-85kg
-XXL: Length 84cm Bust 60cm Height 185-190cm Weight 85-100kg
-There may be a tolerance of 1 to 2 cm due to manual measurement.

Delivery:

-We can ship to all over the world
-Free Shipping For Over $36
-Receiving Time = Processing time + Shipping time
-Processing Time: Your item will be shipped out within 1-7 working days
-Shipping Time：
USA/ UK/ Germany/ France/ Italy/ Canada/ Australia/ Mexico: 7-20 working days
All Other Counties: 20-30 working days

-Shipping process might be a little longer than usual because of the local delivery policy during the coronavirus outbreak period.
-Please wait patiently. Thanks for your understanding.

Payment Options:

-PayPal
-Credit Card
-Debit Card
-You can choose one of them to pay

Security & Privacy:

-All payments are 100% secure and discreet.
-You will receive an order confirmation once payment is completed.

${data.title}

2024-2025 Brazil Jesus Football Shirt 1:1 Thai Quality

2024-2025 Paris FC Third Away Football Shirt 1:1 Thai Quality