如果是购买的店铺模板,那么一般设计师都设计好了,直接添加即可。
如果是自己装修店铺,那么可以使用自定义代码实现,这里主要说一下这种情况:
准备工作:做好店招图片,做好收藏店铺按钮,将店招图片上传至图片空间
进入图片空间,找到上传的店招图片,复制一下该图片的链接
打开Adobe Dreamweaver CS6软件,进入欢迎界面,选择新建HTML
在菜单栏中选择插入>>图像
在弹出的对话框中,将第2步复制的链接黏贴到地址栏中,如图
下面会弹出一个窗口,直接点击确定即可
这时图片已经载入了,如果视图是代码模式,可以点击上面的视图切换按钮切换成设计模式,方便看图制作
在页面下方,有一排添加区域的按钮,可以根据收藏店铺按钮的形状选择相应的绘制方式
然后在店招上面绘制收藏按钮的响应区域,当买家鼠标移动到这个区域的时候点击就可以收藏店铺了,如图,采用矩形绘制,完成后点击确定
在页面下方,会显示对该区域的进行编辑,链接栏粘贴店铺的收藏链接,目标选择_blank
复制代码,将视图模式改成代码模式,复制图中方框里的区域(上下两个body之间的区域)
回到淘宝店铺装修页面,在店招编辑里,点击代码模式按钮,输入上一步复制的代码,然后点击保存发布即可