有赞新零售社区

发帖
运营杂谈»【补充石头】有赞店铺装修之平均三列导航

【补充石头】有赞店铺装修之平均三列导航

鑫頭肉 2015-11-20 40419 浏览 1211 评论 | 只看楼主 [打印]  
首先我们准备了三张图片(要求:200*200px)
在店铺装修过程中要实现等比三列导航可以有两种方式,一种是橱窗,另外一种就是富文本里的表格

现在我们来讲第一种方式:
橱窗:
1.新建微页面,添加橱窗组件,显示方式选择3列,橱窗标题名可以为空;
2.添加图片,依次上传我们刚才准备好的三张图,并设置好你想要跳转的链接,完成
预览发现有白边,有一种解决办法,就是将页面的背景色和图片的背景色设置的一样,这个就要看您页面的整体布局和色调搭配了。

接下来我们再说如何用表格做出等比三列布局:
1.新建微页面,添加富文本组件,添加表格,1行3列。
2.给每个单元格中插入图片;
3.保存预览,发现存在如下问题:
     表格有边框线,不好看
     图片之间有很大间隙

     图片距离屏幕边缘同样存在很大的间隙
4.解决方案:
为了使画面更加协调,我们取得了这三张图的背景的色值ff8712

接下来我们设置单元格属性;
背景颜色输入#ff8712
勾选全屏显示:
然后我们保存后再次预览:
发现图片之间还是有间隙:

这次我们返回再次编辑,选择表格属性:
设置边框颜色,发现这次这里的颜色选项我们只能选择,不能输入,这样我们就只能从他提供的可选颜色里选择一个与我们的图片接近的颜色,保存即可;



特别说明:
由于边框颜色的设置不能随意填写色值,因此我们在设计和选择图片素材时一定要事先确定好可选的颜色,不然到后会很麻烦;


这就是有赞店铺装修里如何实现等比三列导航的方法,哪里说的有问题,欢迎留言批评指正,谢谢
欢迎关注我的微信:

用手机打开
收藏 16 ··· 回复
    湖中之王   青铜   2017-04-25 | 只看该作者
    三列导航

      热电场   青铜   2017-04-26 | 只看该作者
      666666666666666

        17614481187   青铜   2017-04-27 | 只看该作者
        我来看下有啥好东西

          红厨生活馆   青铜   2017-04-27 | 只看该作者
          5555555555555

            木木木木木木木木木

              A黄子龙   青铜   2017-04-27 | 只看该作者
              、、、、、、、、、、、、、、、、、、、、、、、、、

                遇见29   青铜   2017-04-27 | 只看该作者
                啊啊啊啊啊啊啊啊啊啊啊

                  岚霆良品   青铜   2017-04-29 | 只看该作者
                  欢迎光临兰亭良品~~~~~~~~~~~~~

                    柒贝勒   青铜   2017-04-30 | 只看该作者
                    找干货,看看有没有

                      赵赵萌萌   青铜   2017-05-06 | 只看该作者
                      另外一种就是富文本里的表格

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

                        本版积分规则

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

                        • 评分

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

                        复制成功