您好,欢迎来到1号商学院

店铺导航




店铺导航

 

如何设置店铺导航?

1. 进入【店铺装修】——> 选择【导航】进行编辑

 

店铺导航

 

2. 在魔盒专业版中支持自定义导航设置和默认导航设置,在魔盒基础版中仅支持默认导航设置

 

1)导航默认样式 设置

   选中“默认样式”,点击“新增导航”,按照步骤填写内容店铺导航

 全屏通栏即导航条是全屏显示,若勾选掉全屏通栏,导航条的宽度为980px,居中显示。

  导航可以链接到店铺内的相关页面,如分类页,搜索结果页,或自定义页等;填写相关页面地址即可

店铺导航

 

 前台效果预览:

店铺导航

 

 

2)导航自定义导航设置

自定义导航设置仅针对于装修魔盒专业版开通,通过自定义导航,您可以调整导航的样式。

 

 

 

 

 

注意:前,自定义导航 仅对于店铺首页、分类页、搜索结果页、自定义页面适用;详情页调用默认导航样式

 

故使用自定义导航的同时,也请设置默认导航;否则详情页导航会有问题。

 

 

 店铺导航

 

 ①     导航宽度可以设置为980px,和店招宽度一致。自定义导航的设置和自定义广告的设置方法一致,需要在PS中切图转化为html代码。

 

注意:请在代码最前面加上<div align="center">,尾部加上</div>进行居中定位

 

如以下案例:前台展示效果:

店铺导航

 

代码:

店铺导航

 

 


导航设置为全屏导航,请把导航主体内容安排在980px中,其余部分通过代码用背景定位方式实现。

 

 

 

前台展示效果:

店铺导航

 

参考代码,请点击此处下载

 

另外,注意在导航中添加“联系我们”的内容,即退换货地址及客服联系方式。

 

 

优秀导航赏析:

http://only.1mall.com/

http://nongge.1mall.com/

http://shop.1mall.com/html/9687/index.html

http://shop.1mall.com/html/9285/index.html

 

 

 

 

 

 

 


作者:

发布时间:2015-04-15