Livraison gratuite dès 50 € !
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
3 / 35
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
fr.everydayedeals Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail
Tu pourrais aussi aimer Je n'aime pas ça?
0% OFF
Épargnez €-5.99
EDS

Porte-clé - DIY Diamant Peinture - Alphabet de style vitrail

€5.99
0 ventes
Style
Quantité 1000 Stock

Double face peinture diamant porte-clés forme spéciale peinture strass porte-clés pendentif A-Z 26 lettres peinture diamant Pendentif porte-clés artistique pour débutants et adultes, fournitures d'artisanat d'art
Caractéristiques :
1. Peinture créative à faire soi-même : Nos porte-clés artistiques Peinture de diamant offrent une expérience de bricolage unique et créative. EXPRIMEZ votre côté artistique en créant de superbes designs à l'aide de nos peintures brillantes à base de résine. Libérez votre créativité et profitez de la satisfaction de réaliser un chef-d'œuvre personnalisé.
2. Résine scintillante : La résine scintillante dans nos strass Le pendentif porte-clés peinture ajoute une touche fascinante à votre œuvre d'art. Avec leur brillance unique et rayonnante, ces porte-clés Scintillent et brillent dans toutes les conditions d'éclairage. Démarquez-vous de la foule avec la beauté éblouissante de nos accessoires décoratifs DIY populaires.
3. Décoration DIY populaire : DIY Peinture au diamant est actuellement l'une des tendances les plus appréciées dans la communauté des artisans. Rejoignez les millions de passionnés qui apprécient le processus apaisant et enrichissant de création de leurs propres décorations personnalisées. Nos porte-clés Peinture au diamant sont un incontournable pour tous ceux qui recherchent un projet de bricolage tendance et agréable.
4. Utilisation polyvalente :< /strong> Nos porte-clés diamant sont non seulement décoratifs mais aussi pratiques. Attachez-les à vos clés, sacs, sacs à dos ou utilisez-les même comme tirettes de fermeture éclair élégantes. Ces accessoires polyvalents ajoutent une touche de personnalisation et d'élégance à vos objets du quotidien tout en mettant en valeur votre talent artistique.
5. Matériaux de haute qualité : Nous sommes fiers de fournir matériaux de haute qualité pour nos porte-clés à perçage complet. De la base robuste du porte-clés aux peintures en résine vibrantes, chaque composant est soigneusement sélectionné pour garantir durabilité et longévité. Profitez de la satisfaction d'un produit bien conçu qui durera pendant des années.


Spécification :
Origine : Chine continentale
< span>Style : Style classique
Matériau : Acrylique
Taille du produit : 100,00x100,00x10,00 mm/3,94x3,94x0,39 pouces
Matériau principal : porte-clés + diamants brillant en forme
Type (facultatif) : A/B /C/D/E/F/X/V/W/S/T/U/N/M/O/P/Q/R/Y/Z/L/H/G/J/K/I
Taille : chacun environ 10x10 cm/3,94x3,94 pouces
DIY Peinture diamant étapes de réalisation :
1. Ouvrez la boîte, cochez les outils spéciaux pour Diamond Painting
2. Vérifiez les couleurs des diamants de résine et disposez-les dans un ordre codé
3. Découvrez l'image de la bande supérieure, vous verrez de nombreux symboles correspondant au code couleur
4. Selon le gabarit de code couleur correspondant, incrustation de résine diamants
5. Il est recommandé qu'un ensemble de diamantsen résine soit complété plus rapidement
6. Afin de réaliser un dessin de diamant parfait, placez le motif au même endroit, chaque ligne de symboles ne doit pas nécessairement quitter le diamants
7. Pour découper une bonne forme sur le dessin, veuillez monter le tableau de tri sur le plan du matériau ci-dessus
8. L'assemblage doit être plat, soigné et sans fissures
9. Après un bon Scrabble, le reste de la colle Gap est conforme au diamant symboles
Conseils :
C'est du bricolage peinture au diamant< span> porte-clés, pas terminé, vous devez le terminer vous-même.


Remarque :
En raison des différents effets de moniteur et de lumière, la couleur réelle de l'article peut être légèrement différente de la couleur montrée sur les images. Merci !
Veuillez permettre un écart de mesure de 1 à 2 cm en raison de la mesure manuelle.


Contenu de l'emballage :
1 X porte-clés
1 X peinture au diamant< span> Outils (stylos de repérage, numéros abrégés)

Tu pourrais aussi aimer Je n'aime pas ça?
Avis des clients

Here are what our customers say.

émettre un commentaire
Commentaire de clients
tu as atteint le fond
Le plus récent
Le plus aimé
Meilleures notes
Notes les plus basses
×
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.
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('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 }, true); }); }); 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);