快捷搜索:  汽车  科技

淘宝店铺导航代码(米色带你突破淘宝)

淘宝店铺导航代码(米色带你突破淘宝)预览可能会看不到效果,发布后即可看到,全屏导航效果因为这里只是实现导航全屏效果,所以代码里面只实现了全屏效果。如果还需要实现更复杂的效果,比如我淘宝店的效果 http://cisdesign.taobao.com 所有分类和右侧分类相聚很开,等效果。那就需要有一定的代码基础,自己编写CSS代码实现了。解决办法也很简单,跟自定义模块全屏原理一样,不过我们是通过相对定位来实现全屏。方法1:如果你店铺不是逃避基础版的,那么我们可以直接进入装修后台,页头设置里面,添加页头背景。这个页头背景就是店招和导航后面的背景图。自己去试试就会知道怎么使用,很简单

曾几何时,你是否有过这样的烦恼;曾几何时,是否有过那样的忧桑。

辛辛苦苦设计的店铺页面效果,然后满怀欣喜去装修到店铺。却发现导航条只能做990或者950宽度,不能全屏,并且超过950还能点击。

那怎么才能,突破950或者990限制,超过外范围也能实现点击呢?就想下面这样

淘宝店铺导航代码(米色带你突破淘宝)(1)

一:原因分析

跟店铺自定义模块不能全屏的原因是一样的,都是因为限制了宽度,并且添加了溢出隐藏,造成不能全屏。

解决办法也很简单,跟自定义模块全屏原理一样,不过我们是通过相对定位来实现全屏。

二:代码演练

方法1:

如果你店铺不是逃避基础版的,那么我们可以直接进入装修后台,页头设置里面,添加页头背景。这个页头背景就是店招和导航后面的背景图。自己去试试就会知道怎么使用,很简单

  • 因为这里只是实现导航全屏效果,所以代码里面只实现了全屏效果。如果还需要实现更复杂的效果,比如我淘宝店的效果 http://cisdesign.taobao.com 所有分类和右侧分类相聚很开,等效果。那就需要有一定的代码基础,自己编写CSS代码实现了。

  • 预览可能会看不到效果,发布后即可看到,全屏导航效果

  • 淘宝允许我们通过CSS代码修改默认导航的效果,所以理论上我们可以在店铺里,实现任何的导航条效果

  • 我不建议用自定义导航代替默认导航,因为自定义导航,详情页里面,没办法显示分类的弹出子分类。如果你们公司无所谓,那么可以自定义导航

  • 大概能想到的就这么多,有上面问题,可以直接留言回复

    猜您喜欢: