店铺装修玩转自定义内容区标准版也能打造出拓展版的效果!.doc

店铺装修玩转自定义内容区，标准版也能打造出拓展版的效果店铺装修是一门学问，尤其是对于没有任何网店装修经验的新手卖家来说，更是常常感觉无从下手，往往不得要领，走很多弯路。即使许多钻石级以上卖家的店铺装修也是马马虎虎的。当然我们不是一味讲求要花多少钱来装修店铺、一定要把店铺装修的有多华美。但是在尽可能利用手头现有资源，在花钱不多的情况下尽可能把店铺弄漂亮些，还是有必要的，也是值得的，好处不用我多说吧。其实只要肯学习，肯动脑子，每个人都能成为店铺装修的行家里手。标准版只要装修到位，也能做出拓展版的效果来。本教程是我在自己店铺装修时的一些经验总结，拿出来与大家分享交流，可能不够尽善尽美，望大家多指正，本人旺旺：时分缘。言归正传，咱不玩虚的，上就上干货。 所谓自定义内容区，就是店铺提供给卖家可自己设置内容的区域，在此区域内卖家可通过html代码的表现，实现颜色风格、内容随意组合等目的，并且是店铺装装修最关键的区域。是几乎所有卖家最为喜爱的模块。因为此模块自由度很高，可以有许多用途。只要你玩转自定义内容区，充分挖掘出自定义内容区的强大功能，就能把标准版的店铺打造出拓展版的效果来。来看看我们可以利用自定内容区模块做些什么？一、认识自定义内容区【自定义内容区】究竟如何使用呢？首先要进入卖家中心后台的【店铺装修】，如下图，双击进入店铺装修页面 添加自定义内容区，点击装修页面或是宝贝详情页最下方【在此处添加新模块】，如下图 在弹出的窗口中添加【自定义内容区】，点击【添加】，如下图添加完成之后，在新添加的模块上点击【编辑】进入编辑页面把设计好的相应代码放入编辑框内，点击保存即可。下图是【编辑内容】对话框里菜单栏上的各功能分布其中最后一个菜单栏，是原代码HTML编辑栏，所有和代码有关的编辑都要通过它来完成，点击，粘贴相应的代码再点击，代码就会生成相应的可视编辑图，如下图以上只是【自定义内容区】的一个简单认识，接下来我们就来看看利用它来怎样装修好自己的店铺。二、悬浮旺旺、悬浮分类的添加本人另有一篇帖子详细讲述悬浮旺旺和悬浮分类的具体添加过程，其中讲到如何通过申请设计师，开放【完全自定义区】，把相应的CSS代码插入自己的店铺的做法。这里需要提醒的是淘宝于8月低升级了系统，很多旺铺模板不在支持开放【完全自定义区】，真是形势赶不上变化，那意思是说标准版从此就不能添加悬浮旺旺和悬浮分类了吗？答案是否定的，当然还有其他的方法把CSS代码插入自己的店铺。至于到底如何插入CSS代码？那是时分缘下一彻篇帖子讨论的话题，这里不在赘述。只要把悬浮旺旺和悬浮分类的CSS代码插入到自己店铺里，就可以按上面的方法将悬浮旺旺和悬浮分类的原代码粘贴到【自定义内容区】HTML编辑器里，然后进入可视编辑状态，如下图所示 选定要添加超链接的文字或图片，点击菜单，替换或插入超链接，如下图 完成以后最终效果如下所示这只是一个悬浮模块添加的简单介绍，因这个过程比较复杂，需要深入研究，本帖篇幅所限，将不再深究，另开帖详细阐述，如果大家也想自己动手做一个，可以和我联系，本人旺旺：时分缘，QQ：505917002，我会发给大家详细的教程。三、添加团购、聚划算模块利用【自定义内容区】的原代码HTML菜单，添加设计好的团购、聚划算装修模块代码，可以轻松将团购、聚划算模块插入店铺首页或是宝贝详情页的任意位置，例如在首页顶部滚动图片下方插入聚划算模块，方法是：装修页面右下部添加【自定义内容区】【编辑】【HTML菜单插入代码】【再点击HTML可视编辑】，如下图在可视编辑状态下替换右则显示图片，修改价格和折扣信息，图片可以事先通过PS处理好，注意图片尺寸大小，不宜过大，尺寸要和模块显示图片刚刚好，然后利用前面提到给图片添加链接的方法，为图片加上超链接，做完这些工作，然后点击【保存】，通过模块自带的上下移动功能将它移动到首页顶部流动图片的下方，最后发布自己的店铺，最终效果如下所示显而易见，店铺比没有添加模块之前生动很多！如果你懂PS，可以把显示图片做更好一些，比如让图片或文字动起来。需要提醒的是此处的图片不支持本地图片，是需要你把做好的图片上传到外链相册里去，然后链接到这里才可以。四、左侧栏添加促销区 一般的标准版店铺左侧栏都会有公告栏、客服中心、宝贝分类、销售排行榜和友情链接等，有的是旺铺模板自带的，有的是自己添加的。但由于首页一般显示的宝贝很多，以上这些模块并不能完全添充满左侧栏，会在左侧栏底部形成空白区，因为标准版都750的窄版，只有拓展版才能达到950的宽版效果，如下图所示： 其实很多人就这样在店铺左侧栏底部留下一块未开发的处女地，既不美观，又浪费资源。如果是拓展版的店铺，此处可以添加促销团购区或是包邮专区等，谁让人家是可以拓展的了，多花了钱当然就应该享受不一样的待遇，这无可厚非。但对于我们这些中小卖家来说，并不是每个人都愿意或是有必要去买个拓展版用，既然不想多花钱，又想达到拓展版以上的效果，不动脑子想想办法肯定不行。这个时候就要发挥【自定义内容区】的强大功能了。我们在装修页面，在左侧栏低部以同样的方法添加【自定义内容区】新模块，然后利用自定义内容区的编辑器编辑添加相应模块，我们就以添加一个【特价促销专区】为例来说明具体做法。重新打开店铺页面，选定某一个宝贝，右击鼠标，选择【复制图片】，记住不是店铺装修页面，店铺装修页面不能复制宝贝图片，复制完成以后，回到刚添加的自定义内容区编辑器里，粘贴图片，如下图接下来在图片底部加上标题和价格，为图片和文字分别添加链接，做完以后按回车键，以同样的方法做第二个宝贝，第三个宝贝，需要提醒的是，【自定义内容区】里并不是可以添加无穷尽的东西，大小有一个限制，不能超过20K，20K是个什么概念呢？我统计过了，像上面这样，选择图片尺寸185185的情况下，大致可以添加16个宝贝，如果16个宝贝添加完了，保充发布了以后还是不能充满空白区，怎么办？简单！那就再新添加一个【自定义内容区】模块，重复上面的步骤，如此反复，则大功成亦！需要说明的是：首页做完发布以后，并不能同步显示到宝贝详情页面，需要在宝贝详情页面重新做。如果想图省事，那就可以复制已做好的模块代码，把代码粘贴到宝贝详情页左侧栏添加的【自定义内容区】模块里，保存发布就OK啦。五、在宝贝详情页添加“掌柜推荐宝贝”和“同类宝贝推荐”模块在拓展版以上店铺，我们可以看到在宝贝详情页宝贝描述的顶部，有“掌柜推荐宝贝”模块，在最后面还有“同类宝贝推荐”等模块，说白了，都是为了最大可能的将来访顾客留在自己的店铺里，顾客在浏览完一个宝贝的描述和图片时，也许正要关掉窗口离开之时，无意中看到了“掌柜推荐宝贝”和“同类宝贝推荐”模块里的宝贝，说不定就顺手点开了一个宝贝，由次而留住了来访顾客，成交了一单生意！标准版的店铺该怎样来做这两个模块呢？其实做法和左侧栏“特价促销区”的方法几乎一样，稍有不同的是在做这两个模块时，是在宝贝详情页右侧栏底部添加【自定义内容区】，而在宝贝的排列上也有所不同，左侧栏是竖排，一排只放一个宝贝，因为左侧栏空间有限；而这两个模块，在宝贝排列上成阵形排列，横排四个，竖排四个，最终效果如图所示因为“时分缘”太懒了，没有给每个宝贝底部添加文字标题和价格，你自己做时可以把这些都做加上，效果会更好。同样的方法在宝贝描述的末尾添加“同类宝贝推荐”模块。做完以后保存发布以后，在【发布】时在“是否同步首页的左侧栏到其它页面”前打勾，这样所有的宝贝详情页都有了模块，不用一个一个的去做。六、在首面底部添加“页尾”和“宣传促销”模块接下来再简单的谈一下添加“页尾”和“宣传促销”模块，页尾主要依靠PS一张长宽合适的图片来实现，可以在图片上加上“欢迎光临本店”、“TOP回到顶部”等字样，把图片添加到自定义内容区，再为图片和文字加上超链接，保存发布就好啦，这样一个简单的页尾就做出来了，如图所示 而“宣传促销”模块可以是图片，也可以文字，放置位置也更加灵活，可以放在首页，也可以放在宝贝详情页，更可以放在宝贝列表页，做法和页尾的完全一样，没什么好说的，不再赘述。综上的述，这就是店铺装修中“自定义内容区”的使用方法和一些技巧，当然它的用法不仅仅只有这些，还有很多种，这里只是结合我自己在店铺装修时，关于自定义内容区的使用方法和心得体会，经验分享，抛砖引玉，举一反三，聪明的你一定会发现更多更实用的用法以，欢迎共同探讨（旺旺：时分缘），让我们真正掌握完全自定义内容区的强大功能，利用它将我们的标准版店铺打造成不次于拓展版店铺的效果来！如果你把此帖从头到尾、认认真真、仔仔细细地读到了这里，那么相信你已经完全掌握了“自定义内容区的”使用方法和技巧。接下来你只要认真的去装修店铺，相信你的店铺一定会漂亮起来的。看帖回帖的人辛苦，写帖子的