导图社区 网店店招电商导航设计方案思维导图
网店店招电商导航设计方案思维导图，整理了结构、图片制作、代码编辑的内容，欢迎一起来交流。
倪海厦经方229方中医思维导图，整理了1-50方、50-100方、100-150方、150-200方、200-229方，感兴趣的看图。
网店详情页排版方法分享~包括中心页面组成，优质详情必备，详情页的排版参考方法。感兴趣的小伙伴可以看看哦~
喷绘色彩基础培训方案，内容涵盖色彩基础，喷绘写真。框架清晰，内容丰富，希望对小伙伴有所帮助哦~
社区模板帮助中心，点此进入>>
电商部人员工作结构
组织架构-单商户商城webAPP 思维导图。
供应链类型
供应链管理平台
2018营销五现象
双十一活动实行思维导图
天猫双十一策划
项目流程图
售后部工作流程思维导图
万人团队涨粉丝培育转化技巧
网店店招电商导航设计方案思维导图
结构
店招
尺寸：950×120px
内容：
店铺logo、名称
收藏店铺
必备
其他
主图产品小图1-2个
优惠券
动态GIF图标 如hot
引起注意
客服旺旺
作用：方便客服联系，提高成交
导航
尺寸：950×30PX
链接内容标题：
店铺首页
全部宝贝
按产品类别做导航
店铺活动、通知
店铺新品推荐
招募加盟商
购物须知，售后相关解答等
品牌故事
简短精炼 根据需求定
唯一可在各页面显示部分
重点推广信息设计到上面
图片制作
1、尺寸
宽：990PX
高：≤150PX
2、设计说明
按1920宽屏设计，有效宽度为中间990PX
中间990PX可编辑代码链接
3、风格配色
与店铺活动主题搭配
代码编辑
天猫默认950PX宽度可编辑代码
左右465PX 无法编辑
页头
填充1920×150px全图
图片格式：GIF、JPG、PNG
图片大小：≤200KB
在“页头”模块中，选择“应用到所有页面”，才能在所有页面生效
店招代码
2017春节店招代码
制作步骤
1、设计好的全屏店招图片，切图成465PX、990px、465PX3张；
2、中间的990PX，用参考线标记测量每个图片链接的坐标；
1、图片左上角为坐标原点（0、0）；
标记时以左上角原点为准
2、坐标轴Y轴方向向下
记录距离顶部的竖向距离
代码中的top:值
例如：top:15px
链接图区域最上边距离顶部X轴15像素
3、坐标轴X方向向右
记录距离左边的横向距离
代码中的left：值
例如：left:15px
链接图区域最左边距离Y轴坐标15像素
4、链接区域的尺寸
宽：width值
高：height值
3、在上面所示代码示例中修改每个链接区域的坐标
1、代码中有注释每个模块名称；
1、不修改原先模块网页链接地址
2、修改网页链接地址
1、打开对应网页；
2、复制链接，粘贴到<a>标签href="“的引号中
3、模块的位置可通过代码坐标定位进行改变位置
2、修改链接区域的代码；
1、修改坐标值
上面所说的top、left、width、height值
2、修改网页链接
3、修改背景图片
示例代码中用的是透明图片
GIF图
做透明背景
店招切图成小块时，装修同店铺首页自定义区域代码
有必要时修改
