店铺装修
2018淘宝店铺装修教程之基础旺铺全屏无缝实现方法!
本站改版上线以来,淘宝店铺装修方面的文章一直没有着手写,虽然之前在笔者另外的两个网站上写了有小一千篇装修教程,但在本站却无从下手,想从另外一个角度出发,分享装修思路,以及能够给朋友们带来便利性的工具和代码。本篇讲解基础旺铺全屏海报的三种装修方法,选择一个自己适合或者喜欢的,更容易提供工作效率以及在枯燥的装修中找寻点滴快乐。 1、下图中是笔者总结的全屏代码,适合基础旺铺和专业版旺铺,代码并不复杂,即使没有html基础也没关系,只需要修改数值,替换产品链接和产品图片链接即可。 2、笔者把需要修改的地方改为中文,一是可以直观看明白意思,另外一个是可以方便替换,下面解读一下代码的意思:因为是全屏无缝代码,所以模块高度与海报图高度有20的差值。举例:【模块高度】580【海报图高度】600【产品链接】https://item.taobao.com/item.htm?spm=a1z10.1-c.w5003-18396994491.1.5ad574c730Kbum&id=44467511416&scene=taobao_shop【图片链接】http://gdp.alicdn.com/imgextra/i1/91049940/TB2tRmdveOSBuNjy0FdXXbDnVXa_!!91049940.jpg <div data-title="taoxuemei.com 基础全屏代码" style="height:模块高度px;"> <div class="most-footer footer-more-trigger" style="left:auto;right:auto;width:950px;height:模块高度px;top:auto;padding:0;border:none;z-index:1;background:none;"> <div class="most-footer footer-more-trigger" style="left:-485px;top:-20px;width:1920px;height:海报图高度px;border:none;padding:0;background:none;"><a href="产品链接"> <img src="图片链接" /> </a></div></div></div> 3、复制上面的代码,进入淘宝装修后台,添加自定义内容模块,然后进入编辑界面,弹出的编辑器界面上,点击第一个【源码】按钮,然后单击鼠标右键,弹出的下拉菜单中点击【粘贴为纯文本】,之后按照上面第二步里面介绍的方法,替换文字为数值或者链接,然后再次点击【源码】按钮,可以看到图片点击确定查看效果。 如果手动修改代码搞不定,那么可以选用在线全屏代码生成工具,此类网站较多不在这里推荐,可以百度搜索一下,相比代码修改,此类工具提供图形化界面,只要按照提示填充链接即可,有些还可以做成 全屏热点、全屏无缝的代码,获取代码之后,还是要回到淘宝装修后台,编辑自定义内容模块添加代码即可。 如果你对上面两种方式还是不满意,还是感觉麻烦,就是不想接触代码,那么可以使用基础全屏模板,不过需要购买之后才能用,图形化的操作,不用接触代码,设置完成后,用客户端自动按照到淘宝店铺即可。 注册网址:http://www.taoxuemei.com/tao/276.html 注册之后送一套模板,登录之后咨询客服购买以及使用问题。 根据自己的需求和实际情况,选择适合自己的方式方法,使用代码一些数值需要调试的,比如【style="left:-485px;】,这个485是需要根据实际来调整,可能是585,也可能是685。基础版旺铺的装修,其实是比较麻烦的了,因为很多数值需要调整(淘宝对于css的限制,导致很多类不能直接修改),后期维护太麻烦。 笔者建议使用4y4基础全屏模板,有个模板直接替换图片,不用接触代码,相对而言简单多了。如有疑问可以在文章下方留言,笔者会及时回复你的。
淘宝店铺装修后台在哪里打开?
淘宝装修后台界面可以在多个地方打开,一般常用的是在卖家中心找到店铺装修,点击打开进入淘宝pc端装修后台,这只是最常用的方式,那么还有哪些可以更为快捷的打开方式么?本文分享几种常见的打开方法,没有最快捷的方式,只有适合自己的习惯,比如笔者一般都会记住域名,直接在地址栏输入打开,但很多朋友可能记不住,或者容易输入错误,通过本文希望你能够找到适合自己的打开方式。 1、在淘宝店铺旺旺登录状态下,打开淘宝店铺首页,店招右侧会显示一个【装修此页面】的悬浮链接,点击之后即可进入淘宝店铺pc端装修后台,不过这个地方很容易被二维码遮挡,需要等待一会才能看到。 2、笔者运营多个网站,也做网站设计多年,对于域名比较敏感,也是因为职业原因,很容易就记住了淘宝装修后台的域名:wangpu.taobao.com(当前可用,不能保证以后淘宝更换),不习惯使用域名,可以在搜索引擎中搜索“淘宝旺铺”关键词,注意看一下链接如下图所示, 3、点击打开之后,可以看到此页面包含多个装修方面的入口链接,比如店铺装修、详情装修、素材中心等,这里我们需要点击【店铺装修】, 4、链接跳转之后,进入淘宝装修后台,默认是【手机端】设置界面,需要电脑端装修的朋友,点击切换到【pc端】即可。 5、如果上面两种方式都感觉麻烦,那么下面这个就更为简单了,作为卖家电脑上基本都会登录千牛,在千牛的悬浮条上,鼠标移动到【工作台】图标上,下拉菜单里面点击【店铺装修】,直接进入pc端装修后台,是不是更为简单。 如操作中遇到疑问,可以在文章下方留言,也可以在留言板上说明情况,笔者会及时回复。
淘宝店铺装修需要怎么新建子账号权限?
新手卖家或者没有装修基础的朋友,装修店铺都是一件比较困难的事情,如果是找人装修,就需要把账号给他们,主账号让他人登录是有风险的,那么这个时候我们就需要子账号,也可以叫做子客服,只开通装修所需权限,其他地方无权访问,不能操作。那么下面通过截图详细讲解一下。如何创建符合装修需求的子账号。 1、子账号的设置管理界面,在卖家中心可以找到,通过千牛悬浮条可以快速找到卖家中心,鼠标移动到【工作台】图标上面,下拉菜单中点击【卖家中心】, 2、然后鼠标移动到页面左侧的【店铺管理】一栏上,右侧展开的菜单中,点击【子账号管理】, 3、还有一种比较快捷的打开方式,就是直接在地址栏里面输入子账号的网站,子账号的全拼后面加上淘宝网址,具体链接如下图所示,页面打开之后,点击【管理我的子账号】, 4、进入子账号管理界面之后,点击【新建员工】, 5、基本信息填写中需要注意的几点,一个是装修岗位,选上【美工】,另一个是子账号名不支持修改,也就是确认新建之后,就不能改了,还有一个地方需要注意,证书允许开启个数,默认是1个,也就是可以在一个电脑上登录,这个地方选好了,以后需要增加还可以修改的,如果当前需要1个,那么就直接选上1即可。 6、点击确认创建之后,弹出子账号身份验证提示界面,截图中标注的二维码,不是直接扫描登录的,而是先在手机千牛上登录子账号,再来扫描。 7、那么在登录子账号的时候,需要注意子账号名是什么样子的,下面举例说明,在创建的过程中,笔者在子账号名填写了【美工】,这个不是子账号,子账号应该是gaofeng_wang:美工(冒号应该是英文字符下输入的)。手机千牛登录之后,点击扫描按钮,扫描上图中的二维码即可, 8、如果二维码不小心关闭了,可以在【员工管理】,账号名中对应的【使用者】一栏中,鼠标移动到【认证二维码】,就会弹出对应的二维码认证图片,扫描即可。详细的认证步骤,这里就不赘述了,可以点击此链接查看:http://www.taoxuemei.com/tao/299.html 9、如果在使用子账号过程中,需要增加美工的权限,比如具备装修和发布宝贝的权限,那么此时还是进入【员工管理】,【全部岗位】一栏中,鼠标移动到【美工】位置,点击显示出来的【修改权限】,如果鼠标不移动到此处,是看不到的。
淘宝店铺装修热区代码添加热区生成
淘宝店铺装修,要获得比较理想的效果,大多会选择自定义的装修,先把整个首页版面设计出来,然后切图加热点链接,生成代码后布置到自定义模块,如果有一定的设计装修基础,可能遇到的问题少一些,但如果没基础,或者基础差一些,操作起来就比较麻烦,尤其是热区如何做,代码如何生成,以及如何布置等等会出问题,下面通过截图简单说明操作步骤。 1、生成的代码,布置到自定义模块,只需要切换至源码状态,粘贴代码后确定即可,那么如何来搞定热区? 2、目前在线制作热区的工具非常多,但要找个好用的工具也并不容易,本文介绍一个笔者多年使用的工具,可以通过搜索“稿定设计”或者“码工助手”,都可以找到,打开网站之后,点击导航上的最后一个菜单【全部工具】,在此页面上找到【淘宝/天猫布局代码工具】, 3、这个工具是免费的,如果想要保存制作的方案,便于后续的修改,可以先注册,然后进入下面的编辑页面,点击下图中上端菜单中的【图片】,添加上了一个例图,点击之后,弹出的属性面板上,需要修改【图片地址】, 4、先把图片上传到淘宝图片空间,并且复制图片链接,如下图所示: 5、然后粘贴到属性面板上的【图片地址】,点击下面的【图片实际尺寸】,即可看到图片展示出来, 6、在属性面板上,第一个设置项【左侧距离】,这个地方是需要设置的,如果需要装修的旺铺为专业版,这个地方可以填上-485,如果是基础版旺铺,需要填上-685, 7、图片上可能需要添加多个热区,那么可以点击【热区】,弹出热区选框,拖拉后完全覆盖到产品区域,每点击一次【热区】,弹出一个热区选框,点击选框之后,弹出的属性面板上,更改【链接地址】为对应的产品链接即可。 8、布置完热区之后,点击【预览效果】,查看效果,也可以直接点击【生成代码】, 9、弹出的代码生成界面上,【是否去间隙】这一项,建议选上【去掉20像素】,