教你如何打造九宫格商品导航！！突破魔方限制和表格间隙！

大家好，废话不多说，接下来直接上干货，教大家怎么做自己的九宫格商品（页面）导航。
首先来看效果图
可以扫码进店铺观看


新建自己的自定义页面模块
新建富文本
在富文本中输入“你好”，输入什么都可以
然后右键网页进入审查元素
CTRL+F 出现搜索框，然后搜索“你好”  找到第二个
对第二条“你好”点击edit as html
然后把里面的内容删掉，复制我提供的代码
然后出现如下图

这里面的每一张图直接删掉替换成自己的图就可以了
后面我会放上PS的切片图源文件


如图所示，想要换哪一张 就换哪一张
如果只需要做两行 就把其中一行删掉即可
然后图片弄完后，给每一张图片链接上自己想要跳转的链接。
下面放上代码和PS切片源文件

回帖是美德！如果觉得好，请回帖！
链接: http://pan.baidu.com/s/1o7ypoYQ 密码: sr5v

吴云艳静心屋 发表于 2015-12-18 11:57
真的不错。

谢谢

图改了   为什么在 富文本里是我的图  但是手机看到的还是你的图了？？？

谢谢哈!么么哒!

这个方法好，回帖是美德，必须顶！！！

回帖是美德

麻烦问一下，怎么样替换成自己的图片啊！

楼主，麻烦看到了回复一下，谢谢了！在线等！

庞钟 发表于 2015-12-22 12:54
楼主，麻烦看到了回复一下，谢谢了！在线等！

在九宫格里面 删一张图片 就在那个地方放上自己的图 就行了。删掉的地方不会被后面的填充 会空缺出来

回帖是美德，赞

感谢😊