Comstylish Vintage Palace Style Retro Floral Casual Spring Midi Dress

$37.99
/** * 优惠码组件模型类 * 处理优惠码的显示和交互逻辑 */ 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 = "f01e25a5-49d7-4147-8ad3-da4b511fa300"; // 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 == '56c0d709-9bfa-4551-8a7e-6f095f992a1e' && 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: "56c0d709-9bfa-4551-8a7e-6f095f992a1e", variant_id: this.variantId, product_type: "", } 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- S
Quantity
Shipping
Estimated Delivery：Jun-25 - Jul-03
payment-icon

Description

SPU: DZ-126242-LSX

Fabric Name: Cotton Blend

Pattern: Floral Print

Process: Printed

Style: Vintage

Length: Ankle-Length

Collar: Round Neck

Popular Elements: Floral Print

Sleeve Type: Puff Sleeve

Occasion: Daily, Holiday

Theme: Summer

NOTE: If you are not sure, please choose a larger size. If you have any doubts about this product, we suggest you contact our customer service team. Due to the color difference between the screens of different electronic devices (computers, mobile phones or ipads), especially the CRT screen and the LCD screen, the color of the item may be slightly different from what you see in the photos, please take the actual product as the standard.

SizeShoulderBustLength
cminchcminchcminch
S3814.89537.111544.9
M3915.210039.011645.2
L4015.610541.011745.6
XL4116.011042.911846.0
2XL4216.411544.911946.4
3XL4316.812046.812046.8
4XL4417.212548.812147.2
5XL4517.613050.712247.6
Due to manual measurement, there may be an error of 1-3cm
Shipping & Returns

Shipping & Returns
For orders over $69.00, you can enjoy free Standard Shipping.

Delivery Time(13-21 Days)=Processing Time+Shipping Time
There are two key factors that will decide when you will receive your package.

  • Processing Time Normally 3-7 Business Days
  • Shipping Time is Normally 10-14 Business Days

***This is just an estimate and doesn't include weekends or holidays.

Import taxes and duties will be charged at the time of checkout(UK & EU 27 Countries)
Click here to see shipping information for all locations.

Return Policy

  • All Purchase (except swimwear, underwear, panties, bags and accessories) can be returned within 15 days from the delivered date.
  • Items should be unused, undamaged and in their original package when received.
  • Please be sure to double-check your returns before shipping them out. We are not responsible for the return of non-Comstylish products.
  • We do not offer Freight To Collect (FTC) service for the packages returned to us. The returns will be made at your own cost.
Payment Methods

To provide a smooth and secure shopping experience for our customers around the world, we offer a wide range of payment options. All transactions are encrypted and processed securely.

We Accept the Following Payment Methods:

💳 Credit & Debit Cards

  • Visa

  • Mastercard

  • American Express (AMEX)

  • Discover

  • Diners Club

  • JCB

  • UnionPay

🛡️ Digital Wallets & Financing

  • PayPal

  • Apple Pay

  • Google Pay

  • Affirm – Buy now, pay later (available in selected regions)

🌍 Local Payment Methods (for selected countries)

  • iDEAL (Netherlands)

  • Bancontact / Mister Cash (Belgium)

  • EPS (Austria)

  • Przelewy24 (Poland)

Notes:

  • Your payment information is securely processed and never stored on our servers.

  • If your preferred payment method is not listed, please contact our customer support at [support@comstylish.com].

  • For installment options (like Affirm), eligibility depends on your location and credit approval.

We’re committed to making your shopping experience as seamless and convenient as possible.
class SpzSmartBlockComponent extends SPZ.BaseElement { constructor(element) { super(element); this.templates_ = null; this.container_ = null; this.i18n_ = {}; this.config_ = {}; this.show_type_ = 3; this.product_resource_id_ = ''; this.collection_resource_id_ = ''; this.cart_items_ = []; this.customer_id_ = ''; this.order_id_ = ''; } static deferredMount() { return false; } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER; } buildCallback() { const template_type = window.SHOPLAZZA.meta.page.template_type; if (template_type === 1) { this.show_type_ = 3; this.product_resource_id_ = window.SHOPLAZZA.meta.page.resource_id; } else if (template_type === 2) { this.show_type_ = 4; this.collection_resource_id_ = window.SHOPLAZZA.meta.page.resource_id; } else if (template_type === 15){ this.show_type_ = 5; } else if (template_type === 13){ this.show_type_ = 6; } else if (template_type === 20){ this.show_type_ = 7; this.customer_id_ = window.SHOPLAZZA.customer.customer_id; } else if (template_type === 35){ this.show_type_ = 8; this.order_id_ = window.location.pathname.split('/').pop(); } this.templates_ = SPZServices.templatesForDoc(this.element); this.setAction_(); } mountCallback() { console.log('appzebu smart mounted'); const that = this; const themeName = window.SHOPLAZZA.theme.merchant_theme_name; const isGeek = /Geek/.test(themeName); this.fetchRules().then((res) => { if (res && res.rules && res.rules.length) { const blockEl = document.getElementById('smart_recommend_block'); SPZ.whenApiDefined(blockEl).then((api) => { api.render({data: res}, true).then(() => { if (isGeek && that.show_type_ === 6) { blockEl.querySelector('.plugin_container_wrpper').style.padding = '30px 0'; } const recommendStyle = document.createElement('style'); recommendStyle.innerHTML = ` .plugin__recommend_container,.app-recommend-card { display: none !important; } `; document.head.appendChild(recommendStyle); const fetchList = []; res.rules.forEach((rule) => { fetchList.push(this.fetchRuleProductList(rule.id)); }); const fetchAll = Promise.all(fetchList); fetchAll.then((p_res) => { res.rules.forEach((rule, index) => { rule.products = p_res[index] && p_res[index].products; const ruleEl = document.getElementById('smart_recommend_rule_' + rule.id); SPZ.whenApiDefined(ruleEl).then((api) => { api.render({data: rule}, true).then(() => { that.impressListen(`#smart_recommend_rule_ul_${rule.id}`, function(){ that.trackRuleImpress(rule); }); const btnElList = document.querySelectorAll(`#smart_recommend_rule_ul_${rule.id} button`); btnElList.forEach((btnEl) => { if (btnEl && rule.config && rule.config.quick_shop_button_bg_color && rule.config.quick_shop_button_text_color) { btnEl.style.backgroundColor = rule.config.quick_shop_button_bg_color; btnEl.style.color = rule.config.quick_shop_button_text_color; } }) }); }); }); }); }) }) } else { if (window.top !== window.self) { const template_type = window.SHOPLAZZA.meta.page.template_type; const holderEl = document.getElementById('smart_recommend_preview_no_data_placeholder'); SPZ.whenApiDefined(holderEl).then((api) => { api.render({data: { isCart: template_type === 13, isCollection: template_type === 2, isProduct: template_type === 1, isIndex: template_type === 15 }}, true); }); } } }); } setAction_() { this.registerAction('quickShop', (data) => { const that = this; const product_id = data.args.product_id; const productIndex = data.args.productIndex; const rule_id = data.args.rule_id; const ssp = data.args.ssp; const scm = data.args.scm; const cfb = data.args.cfb; const ifb = data.args.ifb; const modalRender = document.getElementById('smart_recommend_product_modal_render'); if (product_id) { this.fetchProductData(product_id).then((res) => { const product = res.products && res.products.length && res.products[0] || {}; product.cfb = cfb; product.ifb = ifb; SPZ.whenApiDefined(modalRender).then((api) => { api.render({product: product, productIndex: productIndex, rule_id: rule_id, ssp: ssp, scm: scm, show_type: that.show_type_}, true).then(() => { const modalEl = document.getElementById('smart_recommend_product_modal'); SPZ.whenApiDefined(modalEl).then((modal) => { that.impressListen('#smart_recommend_product_modal', function(){ that.trackQuickShop({ rule_id: rule_id, product_id: product_id }); }); modal.open(); }); const formEl = document.getElementById('smart_recommend_product_form'); SPZ.whenApiDefined(formEl).then((form) => { form.setProduct(product); }); const variantEl = document.getElementById('smart_recommend_product_variants'); SPZ.whenApiDefined(variantEl).then((variant) => { variant.handleRender(product); }); }); }) }); } }); this.registerAction('handleScroll', (data) => { this.directTo(data.args.rule_id, data.args.direction); }); this.registerAction('handleProductChange', (data) => { const variant = data.args.data.variant; const product = data.args.data.product; const imageRenderEl = document.getElementById('smart_recommend_product_image'); SPZ.whenApiDefined(imageRenderEl).then((api) => { api.render({ variant: variant, product: product }); }); }); this.registerAction('handleAtcSuccess', (detail) => { const data = detail.args; data.data.product = data.data.product || {}; data.data.variant = data.data.variant || {}; const product_id = data.data.product.id; const product_title = data.data.product.title; const variant_id = data.data.variant.id; const price = data.data.variant.price; const rule_id = data.rule_id; const aid = `smart_recommend.${this.show_type_}.${rule_id}`; const ifb = data.data.product.ifb; const cfb = data.data.product.cfb; const ssp = data.ssp; const scm = data.scm; const spm = `smart_recommend_${this.show_type_}.${data.spmIndex}`; const params = { id: product_id, product_id: product_id, number: 1, name: product_title, variant_id: variant_id, childrenId: variant_id, item_price: price, source: 'add_to_cart', _extra: { aid: aid, ifb: ifb, cfb: cfb, scm: scm, spm: `..${window.SHOPLAZZA.meta.page.template_name}.${spm}`, ssp: ssp, } }; this.tranckAddToCart(params); }); this.registerAction('addATCHook', (data) => { const params = data.args; const spm = `smart_recommend_${this.show_type_}.${params.spmIndex}`; this.myInterceptor_ = window.djInterceptors && window.djInterceptors.track.use({ event: 'dj.addToCart', params: { aid: `smart_recommend.${this.show_type_}.` + params.rule_id, ssp: params.ssp, scm: params.scm, cfb: params.cfb, spm: `..${window.SHOPLAZZA.meta.page.template_name}.${spm}`, }, once: true }); }); } tranckAddToCart(detail) { if (window.$) { window.$(document.body).trigger('dj.addToCart', detail); } } fetchRules() { const payload = { show_type: this.show_type_, }; let that = this; if (this.show_type_ === 6) { let line_items = []; return this.fetchCart().then((res) => { if (res && res.cart && res.cart.line_items) { line_items = res.cart.line_items.map((item) => { return { product_id: item.product_id, variant_id: item.variant_id, quantity: item.quantity, price: item.price } }); } payload.line_items = line_items; that.cart_items_ = line_items; return that.fetchRulesRequest(payload); }); } else { if (this.show_type_ === 3) { payload.line_items = [{ product_id: this.product_resource_id_ }]; } else if (this.show_type_ === 4) { payload.collection_id = this.collection_resource_id_; } else if (this.show_type_ === 7) { payload.customer_id = this.customer_id_; } else if (this.show_type_ === 8) { payload.order_id = this.order_id_; } return this.fetchRulesRequest(payload); } } fetchRulesRequest(payload) { return fetch(window.SHOPLAZZA.routes.root + "/api/possum/recommend_query", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(payload) }).then(function(res){ if(res.ok){ return res.json(); } }); } fetchCart() { return fetch(`/api/cart/cart-select?r=${Math.random().toString(36).slice(-4)}`) .then((res) => { if (res.ok) { return res.json(); } }); } fetchRuleProductList(rule_id) { const payload = { page: 1, limit: 100, fields: ["title", "url", "image", "min_price_variant.price", "min_price_variant.compare_at_price"], rule_id: rule_id, }; if (this.show_type_ === 3) { payload.line_items = [{ product_id: this.product_resource_id_ }]; } else if (this.show_type_ === 4) { payload.collection_id = this.collection_resource_id_; } else if (this.show_type_ === 6) { payload.line_items = this.cart_items_; } else if (this.show_type_ === 7) { payload.customer_id = this.customer_id_; } else if (this.show_type_ === 8) { payload.order_id = this.order_id_; } return fetch(window.SHOPLAZZA.routes.root + "/api/possum/recommend_products", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(payload) }).then(function(res){ if(res.ok){ return res.json(); } }).catch(function(err){ console.log(err); }); } fetchProductData(product_id) { return fetch(window.SHOPLAZZA.routes.root + "/api/possum/products", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ product_ids: [product_id], fields: [ "images", "options", "min_price_variant", "variants"] }) }).then(function(res){ if(res.ok){ return res.json(); } }).catch(function(err){ console.log(err); const loadingEl = document.getElementById('smart_recommend_loading'); if (loadingEl) { loadingEl.style.display = 'none'; } }); } getStyle(ele, style) { if (!ele) return; if (window.getComputedStyle) { return window.getComputedStyle(ele)[style]; } return ele.currentStyle[style]; } directTo(id, direction) { const scrollElement = document.getElementById(`smart_recommend_rule_ul_${id}`); const blockWidth = parseInt(this.getStyle(scrollElement, 'width')); const scrollLength = (blockWidth * 0.19 - 12) * 5; const scrollPoint = scrollElement.scrollWidth - scrollElement.clientWidth; if (!scrollElement) return; if (direction === 'left') { if (document.dir === 'rtl') { scrollElement.scrollTo({ left: Math.abs(scrollElement.scrollLeft) >= scrollPoint - 100 ? 0 : scrollElement.scrollLeft - scrollLength, behavior: 'smooth' }); return; } scrollElement.scrollTo({ left: Math.max(scrollElement.scrollLeft - scrollLength, 0), behavior: 'smooth' }); } else { if (document.dir === 'rtl') { scrollElement.scrollTo({ left: Math.abs(scrollElement.scrollLeft) >= scrollPoint + 100 ? 0 : scrollElement.scrollLeft + scrollLength, behavior: 'smooth' }); return; } scrollElement.scrollTo({ left: scrollElement.scrollLeft >= scrollPoint - 100 ? 0 : scrollElement.scrollLeft + scrollLength, behavior: 'smooth' }); } } trackRuleImpress(rule) { if (window.sa && window.sa.track) { window.sa.track("plugin_common", { plugin_name: "upsell", event_type: "impressions", rule_id: rule.id, ssp: rule.ssp, scm: rule.scm, show_type: this.show_type_, support_app_block: window.SHOPLAZZA.theme.support_app_block }); window.sa.track("module_impressions", { aid: `smart_recommend.${this.show_type_}.${rule.id}`, support_app_block: window.SHOPLAZZA.theme.support_app_block }); } } trackQuickShop(data) { window.sa && sa.track && sa.track("plugin_common", { plugin_name: "upsell", event_type: "quick_shop", rule_id: data.rule_id, product_id: data.product_id, show_type: this.show_type_, }); } impressListen(selector, cb) { const el = document.querySelector(selector); const onImpress = (e) => { if (e) { e.stopPropagation(); } cb(); }; if (el && !el.getAttribute('imprsd')) { el.addEventListener('impress', onImpress) } else if (el) { onImpress(); } } } SPZ.defineElement('spz-custom-smart-block', SpzSmartBlockComponent);
Comstylish Women's Vintage Geometric Line Art Print Cotton Dress $30.39
Comstylish Women's Vintage Geometric Line Art Print Cotton Dress
$30.39 $37.99 Save $7.60
Comstylish Vintage Boho Lavender Art Linen Patchwork Art Linen Tank Dress $22.39
Comstylish Vintage Boho Lavender Art Linen Patchwork Art Linen Tank Dress
$22.39 $27.99 Save $5.60
Comstylish Casual Multi-layer Design Linen Dress $28.79
Comstylish Casual Multi-layer Design Linen Dress
$28.79 $35.99 Save $7.20
Comstylish Women's Retro Floral Print Dress $28.79
Comstylish Women's Retro Floral Print Dress
$28.79 $35.99 Save $7.20
Comstylish Women's Vintage Geometric Line Art Print Cotton Dress $30.39
Comstylish Women's Vintage Geometric Line Art Print Cotton Dress
$30.39 $37.99 Save $7.60
Comstylish Vintage Boho Lavender Art Linen Patchwork Art Linen Tank Dress $22.39
Comstylish Vintage Boho Lavender Art Linen Patchwork Art Linen Tank Dress
$22.39 $27.99 Save $5.60
View more
Comstylish Men's Vintage Flag Independence Day Multi-Pocket Print Cargo Shorts $35.19
Comstylish Men's Vintage Flag Independence Day Multi-Pocket Print Cargo Shorts
$35.19 $43.99 Save $8.80
Comstylish Vintage Ethnic Tribal Print Cotton And Linen Lapel Shirt $29.59
Comstylish Vintage Ethnic Tribal Print Cotton And Linen Lapel Shirt
$29.59 $36.99 Save $7.40
Comstylish Vintage Japanese Art Geo Pattern Casual Loose Drawstring Waist Pants $37.99
Comstylish Vintage Japanese Art Geo Pattern Casual Loose Drawstring Waist Pants
$37.99
Comstylish Men's Vintage Faith Without God I Am Nothing Printed Zip Collar Sweatshirt $34.19
Comstylish Men's Vintage Faith Without God I Am Nothing Printed Zip Collar Sweatshirt
$34.19 $37.99 Save $3.80
Comstylish Men's Vintage Flag Independence Day Multi-Pocket Print Cargo Shorts $35.19
Comstylish Men's Vintage Flag Independence Day Multi-Pocket Print Cargo Shorts
$35.19 $43.99 Save $8.80
Comstylish Vintage Ethnic Tribal Print Cotton And Linen Lapel Shirt $29.59
Comstylish Vintage Ethnic Tribal Print Cotton And Linen Lapel Shirt
$29.59 $36.99 Save $7.40
View more
Comstylish Women's Vintage Egyptian Ankh Embroidery Art Casual V Neck Linen Dress $35.99
Comstylish Women's Vintage Egyptian Ankh Embroidery Art Casual V Neck Linen Dress
$35.99
Comstylish Music Notes Piano Contrast Patchwork Tied Linen Maxi Dress $56.99
Comstylish Music Notes Piano Contrast Patchwork Tied Linen Maxi Dress
$56.99
Comstylish Vintage Independence Day Flag Patchwork Suspenders Midi Dress $38.99
Comstylish Vintage Independence Day Flag Patchwork Suspenders Midi Dress
$38.99
Comstylish Women's Vintage Independence Day Floral Patchwork Print Crew Neck Linen Blend Midi Dress $37.99
Comstylish Women's Vintage Independence Day Floral Patchwork Print Crew Neck Linen Blend Midi Dress
$37.99
Comstylish Women's Vintage Independence Day Flowers Art Print Tank Midi Dress $27.99
Comstylish Women's Vintage Independence Day Flowers Art Print Tank Midi Dress
$27.99
Comstylish Women's Boho Independence Day Flag Floral Art V Neck Casual Midi Dress $34.99
Comstylish Women's Boho Independence Day Flag Floral Art V Neck Casual Midi Dress
$34.99
Comstylish Women's Vintage Egyptian Ankh Embroidery Art Casual V Neck Linen Dress $35.99
Comstylish Women's Vintage Egyptian Ankh Embroidery Art Casual V Neck Linen Dress
$35.99
Comstylish Music Notes Piano Contrast Patchwork Tied Linen Maxi Dress $56.99
Comstylish Music Notes Piano Contrast Patchwork Tied Linen Maxi Dress
$56.99
View more
Comstylish Vintage Stripe Pattern Women's Linen Dress $37.99
Comstylish Vintage Stripe Pattern Women's Linen Dress
$37.99
Comstylish Women's Vintage Geometric Line Art Print Cotton Dress $30.39
Comstylish Women's Vintage Geometric Line Art Print Cotton Dress
$30.39 $37.99 Save $7.60
Comstylish Solid Color Linen Blend Button Casual Shirt $29.99
Comstylish Solid Color Linen Blend Button Casual Shirt
$29.99
Comstylish Women's Floral And Bird Embroidery Art Pattern Cotton And Linen V-neck Shirt $31.99
Comstylish Women's Floral And Bird Embroidery Art Pattern Cotton And Linen V-neck Shirt
$31.99
Comstylish Retro Bohemian Floral Embroidery Art Graphics Cotton And Linen Blend Loose Blouse $28.99
Comstylish Retro Bohemian Floral Embroidery Art Graphics Cotton And Linen Blend Loose Blouse
$28.99
Comstylish Vintage Floral Art Cotton Linen Comfy Shirt $22.99
Comstylish Vintage Floral Art Cotton Linen Comfy Shirt
$22.99 $28.99 Save $6.00
Comstylish Vintage Stripe Pattern Women's Linen Dress $37.99
Comstylish Vintage Stripe Pattern Women's Linen Dress
$37.99
Comstylish Women's Vintage Geometric Line Art Print Cotton Dress $30.39
Comstylish Women's Vintage Geometric Line Art Print Cotton Dress
$30.39 $37.99 Save $7.60
View more
Comstylish Men's Independence Day Flag We The People Printed Holiday Casual Polo Shirt $29.99
Comstylish Men's Independence Day Flag We The People Printed Holiday Casual Polo Shirt
$29.99
Comstylish Men's Retro Faith Casual Printed Polo Shirt $23.99
Comstylish Men's Retro Faith Casual Printed Polo Shirt
$23.99 $29.99 Save $6.00
Comstylish Men's Retro Casual Faith Printed Polo Shirt $29.99
Comstylish Men's Retro Casual Faith Printed Polo Shirt
$29.99
Comstylish Men's No Kings Since 1776 Design Print T-shirt $23.99
Comstylish Men's No Kings Since 1776 Design Print T-shirt
$23.99
Comstylish Men's No Kings In America Print Casual T-shirt $23.99
Comstylish Men's No Kings In America Print Casual T-shirt
$23.99
Comstylish Japanese Art Octopus Graphic Printed Casual Pants $26.39
Comstylish Japanese Art Octopus Graphic Printed Casual Pants
$26.39 $32.99 Save $6.60
Comstylish Men's Independence Day Flag We The People Printed Holiday Casual Polo Shirt $29.99
Comstylish Men's Independence Day Flag We The People Printed Holiday Casual Polo Shirt
$29.99
Comstylish Men's Retro Faith Casual Printed Polo Shirt $23.99
Comstylish Men's Retro Faith Casual Printed Polo Shirt
$23.99 $29.99 Save $6.00
View more
Comstylish Halloween Spooky Print Shower Curtain $51.99
Comstylish Halloween Spooky Print Shower Curtain
$51.99
Comstylish Halloween Skull Print Bath Towel $42.99
Comstylish Halloween Skull Print Bath Towel
$42.99
Comstylish Christmas Snowball Pattern Bath Towel $42.99
Comstylish Christmas Snowball Pattern Bath Towel
$42.99
Comstylish Snowflake Peace Dove Shower Curtain $51.99
Comstylish Snowflake Peace Dove Shower Curtain
$51.99
Comstylish Vintage Western Tribal Art Pattern Mat $36.99
Comstylish Vintage Western Tribal Art Pattern Mat
from $36.99
Comstylish Fruit Pattern Shower Curtain $51.99
Comstylish Fruit Pattern Shower Curtain
$51.99
Comstylish Halloween Spooky Print Shower Curtain $51.99
Comstylish Halloween Spooky Print Shower Curtain
$51.99
Comstylish Halloween Skull Print Bath Towel $42.99
Comstylish Halloween Skull Print Bath Towel
$42.99
View more
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.