淘宝店招中,如何加入收藏店铺的按钮
1、用电脑登录卖家店铺,然后进入店铺的卖家中心。在卖家中心的左侧,顺序点开:店铺管理--店铺装修。
2、进入“店铺装修”页面,光标放在店招模块上,模块右侧即显出功能按钮,点“编辑”按钮。
3、进入店招模块的编辑页面,“店招内容”这里,店铺店招的图片展示在框内。
4、在框内的店招图片点下,表示选中该图片。图片即呈现蓝色状态,并且弹出3个按钮,点“编辑”这个,如下面第一张图。然后页面弹出图片的设置框
5、做到这一步,我们先放一放。把收藏店铺的链接给复制过来。打开店铺的首页,在网页的右上方,鼠标右键点”收藏店铺“
6、页面弹出菜单,点“复制链接地址”。收藏店铺的链接即复制。
7、然后,我们回到刚才第4步的图片设置框。在“链接网址”的框内粘贴刚才复制的收藏店铺的链接。然后,再在“在新窗口打开链接”这里打上勾,这里打上勾,是当买家点击店招时,网页能跳转到收藏店铺的操作页面。最后,点“确定”。
8、当前页面跳转回上面第3步的“店招内容”这里,点下面的“保存”,表示把刚才的操作保存。
9、点“保存”后,页面转到上面第2步的“店铺装修”页面,在页面的右上角,点“发布站点”。在店招添加收藏链接即做好。当买家点击店招时,就能把该店铺收藏。
如果是购买的店铺模板,那么一般设计师都设计好了,直接添加即可。
如果是自己装修店铺,那么可以使用自定义代码实现,这里主要说一下这种情况:
准备工作:做好店招图片,做好收藏店铺按钮,将店招图片上传至图片空间
进入图片空间,找到上传的店招图片,复制一下该图片的链接
打开Adobe Dreamweaver CS6软件,进入欢迎界面,选择新建HTML
在菜单栏中选择插入>>图像
在弹出的对话框中,将第2步复制的链接黏贴到地址栏中,如图
下面会弹出一个窗口,直接点击确定即可
这时图片已经载入了,如果视图是代码模式,可以点击上面的视图切换按钮切换成设计模式,方便看图制作
在页面下方,有一排添加区域的按钮,可以根据收藏店铺按钮的形状选择相应的绘制方式
然后在店招上面绘制收藏按钮的响应区域,当买家鼠标移动到这个区域的时候点击就可以收藏店铺了,如图,采用矩形绘制,完成后点击确定
在页面下方,会显示对该区域的进行编辑,链接栏粘贴店铺的收藏链接,目标选择_blank
复制代码,将视图模式改成代码模式,复制图中方框里的区域(上下两个body之间的区域)
回到淘宝店铺装修页面,在店招编辑里,点击代码模式按钮,输入上一步复制的代码,然后点击保存发布即可