有赞新零售社区

发帖
聊天专版»【技巧分享】不随页面滑动消失的顶部导航(客户体验度超赞)

【技巧分享】不随页面滑动消失的顶部导航(客户体验度超赞)

jiajianxin 2016-12-11 2284 浏览 1 评论 | 只看楼主 [打印]
废话不多说,先看看效果


(扫一扫以下二维码,进入商城可浏览效果)




本功能的作用和注意事项:

1、可制作成自定义模块,然后在需要的页面调用,这样既可达到每个页面都能显示一样的导航

2、本功能可以节省客户在浏览想要商品的寻找时间

3、本功能不随页面的滚动而消失,而是会一直定格在顶部,这样就给客户提供了一个浏览更多更快的体验场景

4、在使用本功能的时候,由于手机屏幕的局限性,设置的每个导航链接文字一般不超过3字,最好是2字结构,清晰工整!



添加步骤(简单的步骤我就不截图了,重要的步骤我详细说):

1、下载本文最后的文件,那是一个文本文档,都是些代码(下载下来,打开)。把代码里面的导航文字和文字链接替换成自己的链接(很简单)
http://pan.baidu.com/s/1pK7TWeB     密码是:ch0p




2、进入有赞【管理后台】——>点击【店铺】——>点击【自定义模块】




3、添加【富文本】——>在输入框中输入“乐趣(随便打几个字都可以)”——>按键盘F12 / 或者在网页空白处点击鼠标右键 ——>点击【审查元素】——>按键盘ctrl+F键(查找您刚刚输入的文字)——>鼠标指向标签行(点击鼠标右键)——>点击【Edit as HTML】



4、复制粘贴刚刚准备好的代码——>点击代码空白处——>再点击空白处1——>再点击空白处2——>保存即可





5、微页面调用步骤:在需要调用的为排版页面,添加自定义模板,选择刚刚定义的模板,即大工告成是不是很简单!



http://pan.baidu.com/s/1pK7TWeB     密码是:ch0p



那么,用电脑点击链接浏览的朋友就会问了,为啥有一个滑动条:

这里请各位放心,电脑显示的页面有这个滑动条,是为了方便在电脑上滑动,在手机上是没有这个的!!!





推荐几篇逼格慢慢的技巧文章,可能对你有帮助!






祝你好运!

实在整不明白的扫下面二维码加我微信

免  费  帮  忙





本帖最后由 jiajianxin 于 2016-12-10 18:54 编辑
用手机打开
收藏 ··· 回复
    永气可嘉   青铜   2017-01-18 | 只看该作者
    怎么在中间添加分割线呢

      1跳至
      您需要登录后才可以回帖 登录 | 立即注册

      本版积分规则

      复制链接
      新浪微博
      QQ空间
      微信扫码
      • 回复

      • 评分

      客服工作时间是9:00-18:00,客服妹子当前不在线,若不能及时回复请谅解。试试右上角的搜索吧,论坛有丰富的经验贴、公告贴,相信一定能够帮到您~

      复制成功