For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case
For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case

For iPhone 13/14/15 Series Magnetic Tempered Glass Shockproof Phone Case

14242 sold
$29.99
$49.99
-40%
The current produc does not participate any Rebate. Switch the participating product to check the design.
(This prompt will not be displayed on the client-side.)
if(window.self === window.top) { (window.disabled_exts ||=[]).push('product_detail_rebate'); } class SpzRebateComponent extends SPZ.BaseElement { constructor(element) { super(element); } xhr_ = SPZServices.xhrFor(this.win); viewport_ = this.getViewport(); action_ = null; lang = document.documentElement.lang || 'en-US'; landPage = "\/promotions\/rebate\/"; pageType = 1; cart = []; initData = null; rebateInfo = null; renderData = null; footerImage = `${this.win.SHOPLAZZA["image_domain"]}oss/operation/e8ebb03dbb710457ca3b4b6a70898ab2.svg`; isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } buildCallback() { this.initData = this.getProduct(); this.action_ = SPZServices.actionServiceForDoc(this.element); this.registerAction("triggerGetRenderData", () => { const event = SPZUtils.Event.create(this.win, "triggerGetRenderData", this.renderData); this.action_.trigger(this.element, "getRenderData", event); }); this.registerAction("bindPropagation", () => { document.querySelector(".product_detail_rebate_list").addEventListener("click", e => { e.stopPropagation(); this.win.sa && this.win.sa.track("plugin_rebate_promotion_click", { plugin_timestamp: Date.now(), plugin_location: "info", product_id: this.initData.product.id, discount_id: this.rebateInfo.discount_list.map((item) => item.discount_id)[0], }); }); }); } async mountCallback() { document.addEventListener("dj.variantChange", e => { const data = e.detail; if (document.querySelector("#product-select-modal.show")) return; if (this.initData && this.initData.product && data.product && this.initData.product.id === data.product.id) { this.initData = data; this.initRebate(this.initData, true); } else { this.initData = data; this.getRebateInfo(); } }); document.addEventListener("dj.addToCart", e => { const v = e.detail; this.rebateInfo && this.win.sa && this.win.sa.track("plugin_rebate_atc", { variant_discount_id: this.getVariantDiscountId(v.variant_id).map(item => item.discount_id), discount_ids: this.rebateInfo.discount_list.map(item => item.discount_id), variant_id: v.variant_id, product_id: v.product_id, price: v.item_price, number: v.number, }); }); await this.getRebateInfo(); if (document.querySelector(".plugin-container__bottom-fixed")) { this.showDiscountPopupsInfoBar(); } else { this.win.addEventListener("extloaded", () => { this.showDiscountPopupsInfoBar(); }); } } getProduct = (() => { document.addEventListener("dj.variantChange", e => { if (!e.detail || !e.detail.product) return; const productJson = document.querySelector("#product-json"); if (productJson && productJson.textContent && JSON.parse(productJson.textContent)) { productJson.textContent = JSON.stringify(e.detail); } if (this.win.jQuery && this.win.jQuery.fn && this.win.jQuery(document).data("djproduct")) { this.win.jQuery(document).data("djproduct", e.detail); } }); return () => { let productData = null; if (this.win.jQuery && this.win.jQuery.fn) { try { let product = this.win.jQuery(document).data("djproduct"); if (product) { productData = JSON.parse(JSON.stringify(product)); } else { productData = null; } } catch (error) { productData = null; } } if (!productData) { const productJson = document.querySelector("#product-json"); productData = (productJson && productJson.textContent && JSON.parse(productJson.textContent)) || null; } return productData; }; })(); initRebate = this.win.SPZCore.Types.debounce( this.win, (async (data, variantChange) => { let discount_list = Object.assign([], this.rebateInfo.discount_list); /* 按子商品的多少对优惠信息进行排序 */ discount_list && discount_list.sort((a, b) => { return b.variant_ids.length - a.variant_ids.length; }); /* 选中子商品时 筛选子商品的优惠信息 */ if (data.selected && data.selected.id) { discount_list = this.getVariantDiscountId(data.selected.id); } /* 无满减信息 */ if (!(discount_list && discount_list.length)) { return; } const isSection = !!document.querySelector( `div[data-section-type^="shoplazza://apps/publicapp/blocks/rebate"] #rebate_custom_component` ); if ( (this.rebateInfo.rebate_type == "sku" && data && data.selected && data.selected.id) || this.rebateInfo.rebate_type == "spu" ) { let nowLandpage = this.landPage; if (discount_list[0]) { nowLandpage = this.landPage + discount_list[0].discount_id || ""; } const info = { rebate: discount_list[0], maxShowCount: this.win.innerWidth > 768 ? 3 : 1, landPage: nowLandpage, modalFooterImg: `url(${`${this.win.SHOPLAZZA["image_domain"]}oss/operation/e8ebb03dbb710457ca3b4b6a70898ab2.svg`})`, }; this.renderData = info; if(isSection) { SPZ.whenApiDefined( document.getElementById("app_rebate_section") ).then(apis => { apis.render(info, true); }); } else { // 重新渲染 抖动问题处理 this.templates_ = SPZServices.templatesForDoc(); const newTplDom = await this.templates_.renderTemplate(document.querySelector('#appRebateBlockTpl'), info) const parentDiv = document.querySelector('#app_rebate_block'); const oldDom = parentDiv.querySelector('.app_rebate_list'); if(oldDom){ parentDiv.replaceChild(newTplDom, oldDom); } else { parentDiv.appendChild(newTplDom); } } } this.insertSlideTag(this.rebateInfo.tag, variantChange); var pluginCurrencyEvent = new CustomEvent("plugin_currency_update"); document.dispatchEvent(pluginCurrencyEvent); }).bind(this), 10 ); getRebateInfo = async () => { if (this.initData && this.initData.product && this.initData.product.id) { var variant_ids = this.initData.product.variants.map(variant => variant.id); const res = await this.xhr_.fetchJson( "\/api\/discount-rebate\/product-discount", { method: "POST", body: { product_id: this.initData.product.id, product_type: this.initData.product.product_type, variant_ids: variant_ids, }, } ); if (!SPZCore.Types.isEmptyObject(res.rebate_info)) { res.rebate_info.tag = res.tag; res.rebate_info.rebate_type = res.rebate_type; this.rebateInfo = res.rebate_info; this.initRebate(this.initData); } else { if (this.win.top !== this.win.self) { const noActivity = document.getElementById("no-rebate-activity"); noActivity && (noActivity["style"].display = "block"); } } } }; getVariantDiscountId = (variant_id) => { if (!variant_id || !this.rebateInfo) return []; var rebateId = this.rebateInfo.variant_discount_map[variant_id]; return this.rebateInfo.discount_list.filter(item => item.discount_id == rebateId) || []; }; insertSlideTag = (tag, variantChange) => { setTimeout(() => { if (tag) { var tag_container; var modal = document.getElementById("product-select-modal"); if (modal && modal.classList.contains("show")) { if (!variantChange && modal.querySelector(".slider-discount-tag")) return; if ( variantChange && modal.querySelector(".slider-discount-tag:not(.rebate-tag)") ) return; tag_container = modal; } else { var product_detail_card = document.querySelector( '.page_container > [data-section-type="product_detail"], .page_container > [data-section-type="product-template"]' ); if(!product_detail_card) return; if (!variantChange && product_detail_card.querySelector(".slider-discount-tag")) return; if (variantChange && product_detail_card.querySelector(".slider-discount-tag:not(.rebate-tag)")) return; tag_container = product_detail_card; } if (tag_container.matches("#product-select-modal") && this.pageType === 13 && document.documentElement.clientWidth < 768) return; const tagDom = `<div class="slider-discount-tag dj_skin_product_title rebate-tag">${tag}</div>` if (document.querySelector(".sep-loaded-slider")) { var loadedSlider = tag_container.querySelector(".sep-loaded-slider"); loadedSlider.querySelectorAll(".slider-discount-tag").forEach(function(element) { element.remove(); }); loadedSlider.insertAdjacentHTML("beforeend", tagDom); } else { if (tag_container.querySelector(".support-slick")) { var supportSlick = tag_container.querySelectorAll(".support-slick, .sep-slider"); supportSlick.forEach((element) => { element.querySelectorAll(".slider-discount-tag").forEach((element) => { element.remove(); }); element.insertAdjacentHTML("beforeend",tagDom); }); } else { var sepSlider = tag_container.querySelector(".sep-slider"); sepSlider.querySelectorAll(".slider-discount-tag").forEach(function(element) { element.remove(); }); sepSlider.insertAdjacentHTML("beforeend",tagDom); } } if (document.documentElement.clientWidth < 768) { const sliderDiscountTagHeight = tag_container.querySelector(".slider-discount-tag").offsetHeight || 0; document.querySelector(".product-image__swiper_bullets").style.bottom = `${sliderDiscountTagHeight + 15}px`; } } }, 1000); }; fetchInfoBar = () => { let discount_ids = []; if (this.pageType === 1) { discount_ids = this.rebateInfo && this.rebateInfo.discount_list.map(item => item.discount_id); } else if (this.pageType === 38) { discount_ids = [this.win.rebateObj.rebateCollection_id] || []; } const productObj = this.getProduct(); return this.xhr_.fetchJson("\/api\/discount-rebate\/global-text", { method: "POST", body: { product_type: productObj && productObj.product && productObj.product.product_type, line_items: (this.cart.line_items || []).map(item => ({ variant_id: item.variant_id, product_id: item.product_id, quantity: item.quantity, price: item.price, selected: !item.unchecked, })), discount_ids: discount_ids, }, }); }; renderBottomBanner = res => { if (!res.tips) return; if (document.querySelector(".discount__info-bar")) return; var bar_style = `background:linear-gradient(90deg,${res.config.background_color_start},${res.config.background_color_end}); color:${res.config.color};`; let data = { tips: res.tips, landPage: this.landPage + res.id, bar_style }; const html = SPZCore.Dom.htmlFor(this.element); const banner = html([ `<a impr="1" imprevt="1" id="rebate_bottom_bar" href=${data.landPage} class="discount__info-bar text-truncate" data-activity-type="rebate" style="${data.bar_style}">${data.tips}</a>`, ]); document.querySelector(".plugin-container__bottom-fixed").appendChild(banner); const pluginCurrencyEvent = new CustomEvent("plugin_currency_update"); document.dispatchEvent(pluginCurrencyEvent); if (res.id) { var trackParams = { page: this.pageType, discount_id: res.id, product_id: this.getProduct()?.product.id, }; banner.addEventListener("click", () => { this.win.sa && this.win.sa.track("plugin_rebate_promotion_click", { plugin_timestamp: Date.now(), plugin_location: "bottom_bar", product_id: trackParams.product_id, discount_id: trackParams.discount_id, }); }); this.win.sa && this.win.sa.track("plugin_rebate_banner_pv", trackParams); } }; showDiscountPopupsInfoBar = () => { if ([13, 14, 19, 30, 31].includes(this.pageType)) return; if (document.querySelector(".plugin-container__bottom-fixed .discount__info-bar")) return; this.fetchInfoBar().then(this.renderBottomBanner); document.addEventListener("dj.cartChange", () => { this.fetchInfoBar().then(this.renderBottomBanner); }); }; } SPZ.defineElement("spz-custom-rebate", SpzRebateComponent);
Color-Black
Please select a color
Model-For iPhone 15 Pro
Please select a model
Quantity
Free shipping for purchases over $50
Fast refund, 100% money back guarantee
Factory direct sales, reasonable price and high quality
Secure payment, PCI DSS standard
/** @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); const STRENGTHEN_TRUST_URL = "/api/strengthen_trust/settings"; class SpzCustomStrengthenTrust extends SPZ.BaseElement { constructor(element) { super(element); this.renderElement_ = null; } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER; } buildCallback() { this.xhr_ = SPZServices.xhrFor(this.win); const renderId = this.element.getAttribute('render-id'); SPZCore.Dom.waitForChild( document.body, () => !!document.getElementById(renderId), () => { this.renderElement_ = SPZCore.Dom.scopedQuerySelector( document.body, `#${renderId}` ); if (this.renderElement_) { this.render_(); } this.registerAction('track', (invocation) => { this.track_(invocation.args); }); } ); } render_() { this.fetchData_().then((data) => { if (!data) { return; } SPZ.whenApiDefined(this.renderElement_).then((apis) => { apis?.render(data); document.querySelector('#strengthen-trust-render-1539149753700').addEventListener('click',(event)=>{ if(event.target.nodeName == 'A'){ this.track_({type: 'trust_content_click'}); } }) }); }); } track_(data = {}) { const track = window.sa && window.sa.track; if (!track) { return; } track('trust_enhancement_event', data); } parseJSON_(string) { let result = {}; try { result = JSON.parse(string); } catch (e) {} return result; } fetchData_() { return this.xhr_ .fetchJson(STRENGTHEN_TRUST_URL) .then((responseData) => { if (!responseData || !responseData.data) { return null; } const data = responseData.data; const moduleSettings = (data.module_settings || []).reduce((result, moduleSetting) => { return result.concat(Object.assign(moduleSetting, { logos: (moduleSetting.logos || []).map((item) => { return moduleSetting.logos_type == 'custom' ? this.parseJSON_(item) : item; }) })); }, []); return Object.assign(data, { module_settings: moduleSettings, isEditor: window.self !== window.top, }); }); } } SPZ.defineElement('spz-custom-strengthen-trust', SpzCustomStrengthenTrust);

Miluyt™ GUARANTEE

  • ⏰TIPS: All goods are authentic, with genuine patents, counterfeit must be investigated! Customers, please identify our products!!!
  • 😊If you are not satisfied with the goods you received, please contact us within 15 days after receiving, we will give you the best help!
  • 🚢 Shipping>>Worldwide express shipping available.
  • 🔥98.9% of customers buy 2 or more
  • 🏷️All shipments can be insured and come with tracking numbers.
  • 💕We take great pride in the quality of our product and guarantee you will be satisfied 100% with anything you purchase at Miluyt.com

 

Main Features

  • ★【Compatibility】：Compatible with iPhone 13/14/15 Series.

  • ★【Safety lock & Magnetic Adsorption】：The safety lock prevents the phone from being injured due to the separation of the case when it is dropped，Metal bumper built-in magnet, easy to install.
  • ★【Built in Camera Lens Protector】：Front and back two side glass case Built in Camera Lens Protector ,Give your phone real 360 degree full body protection
  • ★【Built in Screen Protector＆Real 360 degree protection】：The case comes with a one-piece tempered glass screen protector film ，You don't have to buy a screen protector，You don't have to buy a camera lens protector too，this case give your mobile phone real 360 degree protection
  • ★【Precise Cut Outs&No Signal Blocking】The case is precisely measured cutouts for speakers, charging ports, audio ports and buttons. Slim and lightweight magnetic iphone case, easy to hold by hand or in your pocket. It's super seamless when the case pieces touch, slim cover fits well to your device and make it easy to access to all ports, speakers, chargers and all features and No Signal Blocking.
  • ★【Supports Wireless Charging】：Thin design makes the case support wireless charging without removing the case.

    SPECIFICATIONS

    • Material: Tempered explosion-proof glass+Acrylic+EVA
    • Weight: 60g ( 130g with wooden shatterproof packaging box )

        Shipping:

        • Free Shipping Over $50.
        • Orders will be processed within 7 business days of ordering and shipped out the next day after the processing day. Orders will generally be delivered within 7 to 14 working days.

        Returns:Fast refund for any dissatisfaction within 15 days, 100% money-back guarantee.

        Note:

        • Due to manual measurements, please allow slight measurement deviations.
        • Due to the different display and lighting effects, the actual color of the item may be slightly different from the color displayed on the picture.

        Customer Reviews

        Here are what our customers say.

        Write a Review
        Customer Reviews
        Wow you reached the bottom
        Newest
        Most liked
        Highest ratings
        Lowest ratings
        ×
        class SpzCustomFileUpload extends SPZ.BaseElement { constructor(element) { super(element); this.uploadCount_ = 0; this.fileList_ = []; } buildCallback() { this.action = SPZServices.actionServiceForDoc(this.element); this.registerAction('upload', (data) => { this.handleFileUpload_(data.event?.detail?.data || []); }); this.registerAction('delete', (data) => { this.handleFileDelete_(data?.args?.data); }); this.registerAction('preview', (data) => { this.handleFilePreview_(data?.args?.data); }); this.registerAction('limit', (data) => { this.handleFileLimit_(); }); this.registerAction('sizeLimit', (data) => { this.handleFileSizeLimit_(); }); } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } setData_(count, file) { this.uploadCount_ = count; this.fileList_ = file; } handleFileUpload_(data) { data.forEach(i => { if(this.fileList_.some(j => j.url === i.url)) return; this.fileList_.push(i); }) this.uploadCount_++; sessionStorage.setItem('fileList', JSON.stringify(this.fileList_)); this.triggerEvent_("handleFileUpload", { count: this.uploadCount_, files: this.fileList_}); if(this.fileList_.length >= 5){ document.querySelector('#review_upload').style.display = 'none'; } if(this.fileList_.length > 0){ document.querySelector('.apps-reviews-write-anonymous-box').style.marginTop = '8px'; } } handleFileDelete_(index) { this.fileList_.splice(index, 1); this.uploadCount_--; sessionStorage.setItem('fileList', JSON.stringify(this.fileList_)); this.triggerEvent_("handleFileDelete", { count: this.uploadCount_, files: this.fileList_}); document.querySelector('#review_upload').style.display = 'block'; if(this.fileList_?.length === 0){ document.querySelector('.apps-reviews-write-anonymous-box').style.marginTop = '132px'; } } handleFilePreview_(index) { const finalPreviewData = this.fileList_[index]; const filePreviewModal = document.getElementById('filePreviewModal'); const fullScreenVideo = document.getElementById('fullScreenVideo'); const fullScreenImage = document.getElementById('fullScreenImage'); const previewModalClose = document.getElementById('previewModalClose'); const previewLoading = document.getElementById('previewLoading'); filePreviewModal.style.display = 'block'; previewLoading.style.display = 'flex'; if(finalPreviewData?.type === 'video'){ const media = this.mediaParse_(this.fileList_[index]?.url); fullScreenVideo.addEventListener('canplaythrough', function() { previewLoading.style.display = 'none'; }); fullScreenImage.src = ''; fullScreenImage.style.display = 'none'; fullScreenVideo.style.display = 'block'; fullScreenVideo.src = media.mp4 || ''; } else { fullScreenImage.onload = function() { previewLoading.style.display = 'none'; }; fullScreenVideo.src = ''; fullScreenVideo.style.display = 'none'; fullScreenImage.style.display = 'block'; fullScreenImage.src = finalPreviewData.url; } previewModalClose.addEventListener('click', function() { filePreviewModal.style.display = 'none'; }); } handleFileLimit_() { alert(window.AppReviewsLocale.comment_file_limit || 'please do not upload files more than 5'); this.triggerEvent_("handleFileLimit"); } handleFileSizeLimit_() { alert(window.AppReviewsLocale.comment_file_size_limit || 'File size does not exceed 10M'); } clear(){ this.fileList_ = []; this.uploadCount_ = 0; sessionStorage.setItem('fileList', JSON.stringify(this.fileList_)); this.triggerEvent_("handleClear", { count: this.uploadCount_, files: this.fileList_}); document.querySelector('#review_upload').style.display = 'block'; } mediaParse_(url) { var result = {}; try { url.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (str, key, value) { try { result[key] = decodeURIComponent(value); } catch (e) { result[key] = value; } }); result.preview_image = url.split('?')[0]; } catch (e) {}; return result; } triggerEvent_(name, data) { const event = SPZUtils.Event.create(this.win, name, data); this.action.trigger(this.element, name, event); } } SPZ.defineElement('spz-custom-file-upload', SpzCustomFileUpload);
        The review would not show in product details on storefront since it does not support to.