如何挑选合适的主题模版
收藏课程
取消收藏
3mins / By SHOPLAZZA Learn
收藏课程
取消收藏

在创建独立站之后,我们就应该着手设计独立站了,基于用户体验第一的原则,我们应该挑选合适的主题模版,让独立站访问者清楚地知道这是一个购物网站,知道你的网站在卖什么。

主题模版的选择,也将直接影响站内的设计和后续的维护工作,选择一个主题模版并良好的使用,是快速装修店铺的秘诀。

但是,装修独立站时,你会不会在某个时刻感到没有设计灵感呢?没关系,Shoplazza平台拥有丰富的主题模板,它们风格各异,可以快速的帮助您建立一个观感良好的网站。


  • 0:00:11 建设网站时,您会不会在某个时刻感到没有灵感呢?没关系,Shoplazza平台拥有丰富的主题模板,它们风格各异,可以快速的帮助您建立一个观感良好的网站。而主题的选择,也将直接的影响站内的设计和后续的维护工作,选择一个主题并良好的使用,是快速装修店铺的秘诀。下面我来简单的介绍几个店匠的特色主题,为您提供有效建议。
  • 0:00:40 如果您准备建设一个自己的精品的女装和配饰网站,那么我必须向您推荐NOVA主题,这款主题经过了特殊的优化,可以令网站的访问速度大大提升。并且拥有极简风格的多种卡片样式,搭配合适的商品图片,能带来更多高雅的风味。
  • 0:01:01 如今移动端的流量正在逐渐超过PC端,要想把握好移动端流量,Hero就一定不要错过。这是一款针对移动端特别优化的主题,使用它,在PC端上漂亮的页面在移动端也将同样动人。它拥有最多的功能插件,并且支持更多语言。使用它,您可以获得更具有个性化的导航栏、浮窗、博客等等,您可以把一个视频快速的变为网站的一部分,或者、把重要的FAQ快速的放入主页,试试看,相信您会喜欢他的。
  • 0:01:40 第三个向您推荐的,是BOOST主题,它为时尚且产品众多的网站量身打造。它可以让您不同专辑内的商品更平均的获得展示,让消费者对您的网站永远感到新鲜。您还可以通过它快速的创建KOL评价简单的操作几下,就能获得大牌网站的同样效果。对于时尚产品,图片是永远的主角。即使在产品的详情页,它也可以帮助您跳出常规的图片展示,让您漂亮的图片连续展示,快速提升顾客的购买兴趣。
  • 0:02:16 除了以上介绍的几个主题之外,Shoplazza还拥有更多的独特主题,重要的是,您无需为这些主题付费,这些经过Shoplazza官方研发和优化的主题,都免费向您开放,它们等待着您来发现。
课程评论

看看学员怎么说

发表评论
顾客评论
已到底部
最新评价时间
按点赞数从大到小
按评分从高到低
按评分从低到高
×
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.