Men's Leather Chest Bag Crossbody Bag Sling Casual Fashion Shoulder Adjustable Strap Length
4/16

Men's Leather Chest Bag Crossbody Bag Sling Casual Fashion Shoulder Adjustable Strap Length

$10.00
size:  Blue
كمية
سك. : -Blue-A001593
شحن

Rich text

A sentence or two introducing your brand, what you sell, and what makes your brand compelling to customers.
Buy now

وصف

  1. 基础画布操作介绍

  • 拖拽组件到画布：点击左侧组件分类列表，选择该分类下的组件，按住鼠标将组件拖动到画布中。

  • 组件可添加位置：添加到已有组件旁，

    • 调整方向：画布中的布局容器支持两种排列方式：横行、纵向，放置在同个容器中所有组件都只能按照单一的方向进行排列展示，可通过配置项调整排列方向。

    • 操作：拖拽组件到画布中位置，出现提示的蓝色线条表明可将组件放置在此处。

  • 组件基本操作：

    • 单击画布中的组件后，组件变为选中状态，左上角出现快捷操作区。

    • 复制：点击复制icon，组件将被复制，且位于当前组件的相邻右侧。

    • 删除：点击删除icon，组件将在画布中被删除。

    • 定位到父级组件：点击定位icon，选中状态将从当前组件移动到父级组件。

  • 调整容器尺寸：在画布中可拖动布局容器中的布局调节器进行快捷尺寸调节。

五、Page Builder 编辑器组件介绍

  1. 商品组件

商品类型组件，可帮助您轻松创建精美的商品卡片，以直观美观的方式展示商品信息。这些卡片能有效吸引顾客注意力，促进购买决策关于商品组件的内容介绍，具体配置教程请查看【Page Builder】商品组件。

  1. 基础组件

Page Builder 的基础组件。可以无需代码，拖拽组件至画布即可创建卡片，可以根据您的需求制作各种不同类型的卡片，例如图文分栏、浮层照片墙、Q&A卡片等。具体配置教程请查看Page Builder 基础组件。
Customer Reviews
Here are what our customers say.
أكتبمراجعة
آراءالعملاء
واو لقد وصلت إلى القاع
الأحدث
الأكثر إعجابا
أعلى التصنيفات
أدنى التصنيفات
×
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.