1/3

Retro Straight Cotton Linen Ripped Straight Pants

Name: Retro Straight Cotton Linen Ripped Straight Pants
Brand: mysite
Price: 34.69 USD
Availability: InStock

class SpzCustomDiscountBundle extends SPZ.BaseElement { constructor(element) { super(element); } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } mountCallback() {} unmountCallback() {} setupAction_() { this.registerAction('showAddToCartToast', () => { const themeAddToCartToastEl = document.querySelector('#add-cart-event-proxy') if(themeAddToCartToastEl) return const toastEl = document.querySelector('#apps-match-drawer-add_to_cart_toast') SPZ.whenApiDefined(toastEl).then((apis) => { apis.showToast("Added successfully"); }); }); } buildCallback() { this.setupAction_(); }; } SPZ.defineElement('spz-custom-discount-toast', SpzCustomDiscountBundle);

$34.69

class SpzCustomDiscountFlashsale extends SPZ.BaseElement { constructor(element) { super(element); this.xhr_ = SPZServices.xhrFor(this.win); this.getFlashSaleApi = "\/api\/storefront\/promotion\/flashsale\/display_setting\/product_setting"; this.timer = null; this.variantId = "7c51f70b-a436-41c8-87fa-dc32f0fedb1f"; // 促销活动数据 this.flashsaleData = {} } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER; } buildCallback() { this.templates_ = SPZServices.templatesForDoc(); this.viewport_ = this.getViewport(); // 挂载bind函数解决this指向问题 this.render = this.render.bind(this); this.resize = this.resize.bind(this); this.switchVariant = this.switchVariant.bind(this); } mountCallback() { // 获取数据 this.getData(); this.element.onclick = (e) => { const cur = this.win.document.querySelector(".app_discount_flashsale_desc"); if (this.flashsaleData.product_setting.is_redirection && appDiscountUtils.inProductBody(this.element) && e.target !== cur) { this.win.open(`/promotions/discount-default/${this.flashsaleData.discount_info.id}`); } } // 绑定 this.viewport_.onResize(this.resize); // 监听子款式切换，重新渲染 this.win.document.addEventListener('dj.variantChange', this.switchVariant); } unmountCallback() { // 解绑 this.viewport_.removeResize(this.resize); this.win.document.removeEventListener('dj.variantChange', this.switchVariant); // 清除定时器 if (this.timer) { clearTimeout(this.timer); this.timer = null; } } resize() { if (this.timer) { clearTimeout(this.timer) this.timer = null; } this.timer = setTimeout(() => { this.render(); }, 200) } switchVariant(event) { const variant = event.detail.selected; if (variant.product_id == 'f96d64b3-b0fc-40c8-b333-aa5e6e4d821d' && variant.id != this.variantId) { this.variantId = variant.id; this.getData(); } } getData() { const reqBody = { product_id: "f96d64b3-b0fc-40c8-b333-aa5e6e4d821d", product_type: "default", variant_id: this.variantId } this.flashsaleData = {}; this.win.fetch(this.getFlashSaleApi, { method: "POST", body: JSON.stringify(reqBody), headers: { "Content-Type": "application/json" } }).then(async (response) => { if (response.ok) { this.flashsaleData = await response.json(); this.render(); } else { this.clearDom(); } }).catch(err => { this.clearDom(); }); } clearDom() { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); } render() { this.templates_ .findAndRenderTemplate(this.element, { isMobile: appDiscountUtils.judgeMobile(), isRTL: appDiscountUtils.judgeRTL(), inProductDetail: appDiscountUtils.inProductBody(this.element), flashsaleData: this.flashsaleData, image_domain: this.win.SHOPLAZZA.image_domain, }) .then((el) => { this.clearDom(); this.element.appendChild(el); }) } } SPZ.defineElement('spz-custom-discount-flashsale', SpzCustomDiscountFlashsale);

/** * 优惠码组件模型类 * 处理优惠码的显示和交互逻辑 */ 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"]; // 是否跳转落地页配置 const redirection = item.dataset["redirection"] === "true"; // 跳转到落地页 if (redirection && appDiscountUtils.inProductBody(this.element)) { this.win.open(`/promotions/discount-default/${discountId}`); } } }) } } /** * 使用 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 = "7c51f70b-a436-41c8-87fa-dc32f0fedb1f"; // 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 == 'f96d64b3-b0fc-40c8-b333-aa5e6e4d821d' && 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: "f96d64b3-b0fc-40c8-b333-aa5e6e4d821d", 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);

Color:

Green

Size:

Quantity

Sku : Retro-477-Green-30-003

Description

Pattern: Plain

Waist Type: Mid-high Waist

Color: Green

Subdivision Style: Tooling Military Brigade

Applicable Season: All Seasons

Thickness: Regular

Clothing Version: Straight

Style Details: Pocket Decoration

Style: Overalls

Trousers Mouth Style: Small Feet

Material Composition: Cotton 100%

Product Size：

PleaseNote:There may be 1-2 cm deviation in different sizes, locations and stretch of fabrics.

Promise：If the product has any quality problems, please feel free to contact us, we will help you solve the problem as quickly as possible.

care

Machine wash gently at 30°C with similar coloured garments.

Do not use bleach or softener.

Do not iron or dry.

Dry as much as possible.

1.How long does it take to ship?
Once we received your order. The item will be processed within 3-10days from the day you made your order, and after that, it may take 7-15 business days to be delivered normally.

2.How do I choose my size?

Each product has a corresponding size chart, you can choose the right size according to the size chart

Each product detail is accompanied by a corresponding Size Guide, you can choose the right size according to the size chart!

If you still have questions about sizing, please contact our online customer service.

3. What payment methods do you support?

As for payment methods, Paypal,klarna,Visa,Maestro,MasterCard and American Express are all acceptable.

4. Is your website trustworthy? What countries does the logistics deliver to?

We understand your concern and can assure you of lawful operation of our company.

We provide qualified products and attentive service.We provide worldwide shipping on a global scale including America, Europe, Australia, Africa, etc. You will get what you buy.

If you are interested in our products, please visit our website to place the order.

If there is any further question, please feel free to contact us.

5.Does your company have a local store?

We are sorry for the inconvenience, but we solely sell online. If you are interested in our products, please view our website: XXXX. You can directly choose items and place orders there.

6.With regard to tariffs, who pays the tariffs?

We usually mark the parcel as‘gift’ with estimated value of $10, so you might not need to pay the customs duties. But, it also depends on the customs rules of your country. Please note that customers are responsible for paying the tax their countries charge.

Shopping:

1.Sell Out ? What If The Item I’m Interested In Is No Longer Available In My Size ?

New items can be sold out rather quickly, but we may get more soon!Please contact our customer care department via New items can be sold out rather quickly, but we may get more soon!

Please contact our customer care department via email and we will do our best to notify you if the item becomes available again. Please include the best email address for reaching you when the item becomes available.

2.What Should Do If The Size On The Tag Is Different From What I Ordered?

The size show on the website will be converted into international size before products are put on sale, which is standard and regular. Therefore, if you find that the size you get is not the same as shown on the website, don’t panic and worry. That size we sent you is right. Put them on first and see how it turns out. If they don't fit you well, you could return them definitely. (Please check our return policy)

3.Why The Color Of Received Clothing Is A Little Different From What I Saw Online ?

The camera's perspective and the extent of lighting may cause a little color difference. Hope you could understand us. If it does not affect the appearance and mood about your favorite clothing, we hope you can keep clothing. We will give you promotion code as the compensation for the future purchase. However, we will try our best to avoid the matter happens.

4.How Do I Use A Discount Code?

If you have a discount coupon, when you go to “check out” page, you may find an option where you need to input the number, that’s how you use it.

5.Why Was My Order Canceled ?

Due to an unforeseen event, the item you ordered suddenly became out of stock and is no longer available. We promise these cases are rare. However, if an item in your order does become unavailable, you will be contacted within 24 to 48 hours about the cancellation. If your order contains additional items, these items will still be shipped to you and the unavailable item will be removed from your order for refund.

6.Need To Change Something On My Order, How Can I Do That ?

If you need to change or cancel your order, please contact us immediately(Facebook or email). We process and ship orders quickly (we’re fast!). Once the parcel was processed and sent to the post office, we will be unable to make any changes.

Payment:

1.How Do I Pay For My Order ?

We like to give you plenty of payment options: we accept Visa, MasterCard credit card as our secure payment method which accepts all kinds of credit or debit cards. We also take security very seriously indeed, so your details will be safe with us.

All credit and debit card holders are subject to validation and authorization by both us and the card issuer, to maintain security and prevent fraud.

2.What Currencies Can I Use ?

There are several currencies available as follows: US dollar, EURO, Great Britain Pound Sterling，Canada Dollar, Australia Dollar, Norwegian Krone, Switzerland Francs, Swedish Krona, Polish Zloty, Danish Krona, Japanese Yen, Hong Kong Dollar.

3.Is It Safe To Use My Credit Card On The Website ?

Please don’t worry; it is safe to order on our website.

We use industry-standard encryption technologies when transferring and receiving customer data exchanged with our site server. None of your credit-card details will be revealed.

During checkout, when you enter your credit card & personal information at our online store, you are passing the information securely to us, using secure socket layer technology (SSL).Welcome to choose your favorite items on our website.

4.Why Might My Credit Card Be Refused ?

Your credit card may be refused for any of the following reasons:

The card may have expired. Check that your card is still valid.

You may have reached your credit limit. Contact your bank to check that you have not exceeded the authorized purchase limit.

You may have entered some information incorrectly. Check that you have filled in all the required fields correctly.

Make sure you’re using the latest version of your web browser. Maybe because your browser is installed some kinds of plug-ins. Please clear the cookies restart the browser and then try again.

5.Was I Charged Twice ?

Your credit card will only be charged once after your order ships.

If you just placed your order, what you are seeing on your bank account is an authorization. This is a common bank practice handling credit card transactions to ensure sufficient funds and account authenticity. This authorization will clear (depending on your bank, usually within 48 – 72 hours.) If you need help speeding up the process, you can contact the issuing bank of your credit card.

${data.title}