淘宝店招代码怎么做 天猫详情页店招怎么设置( 二 )


淘宝店招代码怎么做 天猫详情页店招怎么设置

文章插图
把我们做好的店招图上传到你网店的图片空间里(建议在图片空间建立好对应文件夹 。以便后期管理) 。传完后鼠标放店招图片上会有4个选项展现出去 。选择第二个:复制链接 。如下图
淘宝店招代码怎么做 天猫详情页店招怎么设置

文章插图
把复制好的链接 。黏贴到热点生成工具网址的对应地点 。如图示 。
淘宝店招代码怎么做 天猫详情页店招怎么设置

文章插图
之后用鼠标在图片上按左键画出需要添加的热点 。如图 。
淘宝店招代码怎么做 天猫详情页店招怎么设置

文章插图
接着 。就应该把每一个热点需要跳转的链接复制到对应热点上了 。详细操作是点一下画好的热点框 。右边会弹出热点属性栏 。把此热点需要跳转后的链接复制到属性框的链接项目后就可 。
淘宝店招代码怎么做 天猫详情页店招怎么设置

文章插图
例如店铺收藏:打开自己店铺首页 。鼠标放自己店名处会展现出店铺消息 。右边最下角有个收藏店铺 。鼠标放收藏店铺字样上右键 。点一下复制链接地址再回热点网址页面黏贴到热点链接地点就可 。分类链接请去后台你创建分类的页面复制 。首页只是你自己店铺的网址链接就行 。其它链接不会找就百度 。这里不多讲
淘宝店招代码怎么做 天猫详情页店招怎么设置

文章插图
热点都搞定后 。右边最上角有个生成代码 。点一下生成代码 。复制代码
淘宝店招代码怎么做 天猫详情页店招怎么设置

文章插图
打开店铺页面美化装修 。在店招地点双击打开写模式 。勾选自己定义设置 。点一下代码模式 。复制刚才生成的代码 。下面高度输入150 。默认是120,120高度会展现系统自带导航 。如果不需要自己设计的导航可在设置店招的时候做120高度就可 。或者这里高度是默认120也应该 。
淘宝店招代码怎么做 天猫详情页店招怎么设置

文章插图
这样店招就完成80%了 。因为还有一个页面背景没有设置 。在装修页面最左侧点选页头 。页头背景色展现前勾去掉 。页头下边边距选择关闭 。点一下更改页头背景图 。选择我们曾经做好的1920*150的背景图 。下面不平铺并应用到全部页面 。
淘宝店招代码怎么做 天猫详情页店招怎么设置

文章插图
这样就搞定一个无脑的店招装修了 。预览一下效果 。点一下一下每一个热点是否正确 。末尾选择发布就可 。
淘宝店招代码怎么做 天猫详情页店招怎么设置

文章插图
好了 。今天的教程结束 。有什么不懂的应该在下面留言 。我有观看到的就回复 。没有观看到的那么抱歉了 。请找度娘吧 。下一期我们讲什么呢 。我还没想好……呵呵哒~

推荐阅读