1/6

70% OFF🔥New detachable weed puller

$21.98
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);
Qty:  BUY 1
Quantity
people are viewing this right now
Shipping
/** @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);

Description

🌱Easily helps you remove weeds from your lawn in seconds, without bending over!

★ Pointed Four-claw Design: The four-claw design of the gardening weeding tool can easily penetrate the hard soil, and the anti-slip barb design prevents the grass root from slipping after being caught, ensuring that it will not grow again after one weeding.

★ Ergonomic Design: The standing weed puller has a unique crossbar + barb non-slip design, using the lever principle of the pedal, whether stepping on the mud or prying the grass roots are very labor-saving.

★ Stand-Up Design: Your back and knees will feel more comfortable with this brilliant stand-up design, without having to bend over. The weed puller can prevent getting your hand & clothing dirty and saves lots of time. It is a good helper compatible with outdoor gardens. With the function of weeding and transplanting, it is easy to create a delicate garden.

★ Strong & Durable: The weed puller is made of aluminum material, which is strong and not easy to bend, and can be used for a long time without deformation or damage. 4-claw metal steel head is connected by a fixed shaft, which solves the problem of screw falling off. 

★ Easy To Use: The weed puller is easy to use. The 4-claw steel head of the standing weed puller is aimed at the weeds, and the pedals are inserted into the soil, and the weeds and roots can be easily pulled out.

★ For Everyone: The weed puller is workable for crabgrass, thistle, tap root, crabgrass, taproot, plantain, clover, burdock, bush, etc. The weeder is detachable, allowing you to choose and insert a stick of the appropriate size based on your needs.

SPECIFICATIONS

  • Material: Aluminum
  • Size:

🔒100% Risk-Free Purchase🔥 

If the product you received is damaged, don't worry. Just hit the Contact Us button and send us a message, and we will make it right by offering you a replacement or refund. It 100% Simple & Risk-Free process.

Shipping Policy

Our Goal Is To Provide You With The Best Shipping Options No Matter Where You Live. We Serve Hundreds Of Customers Around The World Every Day And We Strive To Provide You With The Highest Level Of Service.

The Time Frame For Order Delivery Is Divided Into Two Parts:

Processing Time: 2 To 5 Business Days
Free Shipping On Orders Of $29.99 And Up

1. Freight

Free Shipping On Orders $29.99 And Up. Otherwise Your Shipping Cost Will Depend On The Shipping Method You Choose:

$29.99 And Up. Standard Express (7-12 Business Days)  Free Shipping
Under $29.99 Standard Express (7-12 Business Days) $5.99
$29.99 And Up. Vip Express Shipping (5-10 Business Days) $4.99
Under $29.98. Vip Express Shipping (5-10 Business Days) $7.99

2. Shipping Time:

Default Standard Shipping: 7 To 12 Business Days
Vip Express: 5 To 10 Working Days
Once Your Order Has Been Processed, Transit Times Will Vary Based On Your Location, As Shown In The Table Below:

Country Transit Times
Us 12 - 18 Business Days
Canada 12-18 Working Days
12-25 Working Days In Europe (7-15 Working Days In Uk, Germany, France, Switzerland)
Australia 12-15 Working Days
12-20 Working Days Worldwide

3. Processing
Your Order Usually Takes 1-4 Business Days (Some Items May Take 6-9 Business Days). If Processing Takes Longer Than Expected, We Will Send You An Email To Let You Know.

During high volume processing or crises, processing time may take an additional 2-4 days.
Once shipped, you will be notified by email and can log in to our website or app for real-time tracking. Please note that some orders may be sent using multiple packages. In these cases, you will receive multiple emails and tracking numbers.

4. How Can I Track My Order?
A Tracking Number Will Be Provided In Your Shipping Confirmation Email. You Can Use This Number And Track Your Order On www.lwinai.com.

5. How Do I Know My Order Has Been Submitted Successfully?
You Will Receive A Confirmation Email With Your Order Number And Purchase Details.

6. What If An Item Is Missing Or The Product Is Incorrect When I Receive My Order?
For Lost Or Wrongly Shipped Items, Please Contact Us At support@lwinai.com Please Provide Your Transaction Reference Number (Order Number) And Provide Us With Proof (Image File Size Should Be Under 1mb). We'Ll Be More Than Happy To Reship You The Correct Item For Free, And We Won'T Ask You To Return An Item That Was Sent To You By Mistake! You Can Keep It As A Gift From Us.

7. I Want To Change The Item I Ordered. What Should I Do?
Amendments To Your Order Are Allowed On Or Before 11:00 Pm Pst (Gmt -7 Pm) On The Day The Order Is Placed. You Can Request Changes By Contacting Us At support@lwinai.com.

8. How Do I Change My Shipping Address?
Address Changes Are Permitted On Or Before 11:00 Pm (Pst, -7:00 Gmt) On The Day The Order Is Placed. You May Request Such Changes By Contacting Us At support@lwinai.com.

9. What Is Your Return Policy?
Please See Our Return Policy Regarding Returns.
Our Customer Service Is Available 24/7. We Will Respond To Your Inquiry As Soon As Possible.
10. How To Cancel My Order?
We Accept Cancellations Within 24 Hours Of Placing An Order.
You Can Reach Us At support@lwinai.comTo Request Cancellation.
We Do Not Allow Order Cancellations After 24 Hours Of Successful Payment. If You Still Wish To Make Changes, Please Contact Us As Soon As Possible And We Will Do Our Best To Help.
*If The Product Has Already Shipped, We Regret That We Cannot Cancel The Order For You.
For More Details And Instructions, Please Visit Our Returns Policy.

*Due To The Impact Of Covid-19 On Our Warehouse And Shipping Operations, Order Processing And Shipping Times May Be Delayed By Up To An Additional 7 Business Days. You Can Check The Details In The Table Below. We Are Improving Our Delivery Process To Make Your Package More Secure, So There May Be A 2-5 Day Delay In Processing Your Order.

If There Is Any After-Sales Service Quality Problem During Shipping Or After Receiving The Goods, Please Feel Free To Email To support@lwinai.com
, Our Customer Service Agent Table Will Provide You With A Satisfactory Solution.

Returns & Refund Policy

We are committed to providing quality and hassle-free returns

At lwinai, we take pride in the quality of our products and take strict quality control measures. Your satisfaction is our top priority and we want to ensure that your shopping experience is as smooth and enjoyable as possible. However, we understand that problems can occasionally occur and we will do our best to help you.

**Return Policy**

We offer a flexible return policy that allows you to return or exchange your item within 30 days of the date you received it. If you encounter any problems with your purchase, please feel free to contact our customer service team at support@lwinai.com.

**Return Process**

When you decide to return an item, you can arrange for a local post office collection or send the item to the nearest post office. Shipping compensation will be determined based on the reason for the return. If the problem is attributable to us, we will cover the return shipping costs. However, if the problem is attributable to you, we will not be able to compensate for shipping costs.

**Wrong or Damaged Items**

If the item you received is wrong or damaged, please take clear photos and contact our customer service in time. Depending on the specific situation, we will arrange a replacement or refund.

**Before Returning**

Before returning any product, please contact our Customer Service team to obtain the return address. This step is critical to ensure a smooth and efficient return process.

**Return Requirements**

(1) For items with no quality issues, we would like our valued customers to return items in their original condition - unworn, unwashed, undamaged, with all original tags and packaging materials intact.

(2) Approval from our lwinai Customer Service team is required before shipping items back to us.

(3) In the event of a quality issue or the wrong product was delivered, customers should provide photographic evidence of the problem and contact our Customer Service team for instructions on the return address.

**Eligible for Return**

You can contact us for a return or refund under the following conditions:

1. **Defective Issues**: Includes stains, zipper failures, tears, extremely poor quality materials, significant color differences, and large differences between the product photographed and the actual item received.

2. **Personal Preference**: If you simply don't like the item, you can return it. However, you will be responsible for the shipping costs of the returned items

3. **Shipping Responsibility**: In case of a return, customers have the option to contact the nearest post office to arrange for pickup or delivery of the item. Shipping compensation will be determined based on the reason for the return - if it is our responsibility, we will cover the shipping costs; if it is your responsibility, we will not be able to compensate the shipping costs.

At lwinai, we stand behind our commitment to quality and customer satisfaction. Our return policy is designed to be fair and inclusive, ensuring that you have a worry-free shopping experience with us. If you encounter a problem, please feel free to contact us and we will work hard to resolve the issue to your satisfaction.

**Refund Policy**
At lwinai, we prioritize your satisfaction and our refund policy is designed to ensure that you have a worry-free shopping experience with us.

**Quality-Related Issues**

We will take full responsibility for any misprinted, damaged or defective items caused by production or shipping. You will receive a full refund and we will also refund the return shipping costs.

**Cancellation of Order**

Your order can be fully refunded in the following cases:

- If you cancel the order within 24 hours of purchase.

- If you cancel the order before it is shipped.

However, please note that we will not accept order cancellation requests after the order has been shipped.

**Package Lost in Transit**

If your package is unfortunately lost in transit, we will provide a full refund to compensate you for your loss. Or resend your package.

**Address Accuracy**

It is essential to provide an accurate delivery address. If the courier cannot recognize the address provided, the goods will be returned to our facility. In this case, you will be responsible for the cost of re-shipping once we confirm the updated address (if applicable). If you provide an incorrect address when placing an order and do not contact us to change the address, you will be responsible for any related losses.

**Intact Condition**

To ensure that you are eligible for a refund, please return the item in its original condition. Returned items with obvious signs of use, makeup, animal hair, dander, deodorant, perfume or similar product stains may be rejected and no refund will be given.

**Refund Processing**

Please keep in mind that it may take up to 7 business days for the refund to be reflected in your account due to different processing times for different payment providers.

At lwinai, we value your trust and satisfaction and are committed to making your shopping experience smooth and enjoyable. Our refund policy is designed to be transparent, fair and customer-centric. If you have any questions or issues regarding a refund, please feel free to contact us and we will do our best to help you.

If you have any questions, please contact us.
Email: support@lwinai.com

Working hours: Monday to Friday 08:00-17:00 (UTC+8)

On weekdays, we will respond to you within 24 hours
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.