1.本节课继续学习【天猫美工店铺装修自定义版块】,首先是【漂亮分类导航的装修】,在百度上打开【千牛】官网,然后下载电脑版并将其安装,之后打开登录其账号,效果如图所示。
2.然后在搜索功能中输入【店铺管理】-【店铺装修】对其电脑页面装修进行了解,效果如图所示。
3.接下来打开【卖家中心】同样对其的宝贝管理的相关应用进行了解,效果如图所示。
4.回到【店铺装修】选择【页面管理】-【模板管理】对其不同颜色的模板进行相应的了解,效果如图所示。
5.接下来开始试验,首先将之前的【首页页面】备份并输上相应的名称,之后在【模版管理】中选择相应的模版,之后回到页面选择【配色】,利用不同的颜色查看其效果,效果如图所示。
6.还原之前的【主页页面】,了解页面当中每个版块之间的关联以及页面相应的代码,效果如图所示。
7.接下来开始制作【分类导航】,在【店铺装修中】选择【模块】将【默认分类】拖入到页面当中,然后选择【页面管理】-【宝贝分类】对其宝贝的名称进行添加或修改,效果如图所示。
8.制作【悬浮导航】,首先将【悬浮导航】拖入到页面当中并调整其参数,详细参数如图所示。
9.打开PS将制作的【导航】拖出参考线利用【切片工具】将其【切片】并【Ctrl+Alt+shift+S】存储为Web格式,效果如图所示。
10.将导出的图片上传到【图片空间】,然后回到拖入的【默认导航】版块,接着打开【页面管理】-【宝贝分类】为相应的分类选择【添加图片】,效果如图所示。
11.接下来回到【图片空间】选择相应的导航图片并打开复制其【链接】,之后回到【宝贝分类管理】粘贴其图片链接并点击确定,效果如图所示。
12.之后依次用同样的方法根据【分类名称】添加相应的【导航图片】的链接,效果如图所示。
13.回到装修页面将其保存并预览查看其效果,效果如图所示。
14.更多学习内容请参考下一节课。