请选择 进入手机版 | 继续访问电脑版

有赞新零售社区

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

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

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

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

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

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

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

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



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


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

我的微信公众号:[ youzan-xintourou]
有赞小报特约记者——案例分享、活动曝光、商务合作
您的大多数简单问题,新手学堂都有答案,戳这儿——》[新手学堂]



          远方   游客   2015-11-23 显示全部楼层
          查看本帖内容,向前辈和高手们学习!
          聚创电商专注企业微营销服务!

          免费咨询请致电15890156925或加微信yuanfang-zhi


              有赞店铺装修之平均三列导航



                    O2O营销顾问服务!

                      MISS NAMI   青铜   2015-11-24 显示全部楼层
                      有你们有赞,有赞有你们

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

                        本版积分规则

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

                        • 评分

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

                        复制成功