有赞店铺主页模版【店招】的终极玩法

你不知道店招的那些事儿；
看了教程banner图你不禁会提问：“店招的什么事儿是我不知道的呢”？

/ 店招是什么 /

店招顾名思义，就是指店铺的招牌！每个店铺当我们顾客点击进去的第一眼看到的绝对是我们店铺的店招，因此店招的重要性东东就不细说啦！
（只要记住一点，店招是我们店铺的招牌，它不是给我们看的！它是展示给我们的顾客，让他们知道关于我们店铺的基本信息的玩意，并且一个好的店招还可以第一时间提供给我们顾客很多方便！比如关注公众号、热卖款推荐等基本信息的指引，或者有店内活动公告，宝贝打折、促销等种种相关消息提示） 大多数网店的店招都基本一种格式：也就是图片上插入店铺名字而已！ （难免多多少少有点单调吧）

其实一个店招能够反映的东东真的很多啦！


第一类：大型促销促销喜庆banner；
第二类：全屏海报图引导，给人直观且神秘的感觉，引导向下滑动开启。。。。
第三类：带头像logo店招（细心的你已经发现了：楼兰密语家加了关注按钮引导粉丝关注）。

（店招加入：公众号关注等信息为的是，直接让顾客一目了然的找到关注我们的位置。有很大部分的顾客是不知道从哪里关注我们公众号的）因此这就有必要需要我们在店招上自己添加关注按钮和入口咯！！！
而店招上加入所有商品或上新商品、我的订单入口有便于粉丝选购商品和查询订单。这时候熟悉的朋友都会想到有赞后台微页面模版【店铺主页模版】的店招就有这几个按钮入口。注意我们前面说的关注按钮和入口，该模版最上面图片即使你加入按钮，链接怎么实现？




至于店招的背景图片的选取就不说啦，相信大家能找到好的店招素材，但是关于这个自带模版店招上的：公众号关注，商品，我的的订单它们是怎么能同时实现？包括它们的链接如何设置？

识别上图二维码或点此查看效果>>>
1/ 点击关注按钮检查是否可跳转页面？
2/ 全部商品、上新商品、我的订单是否可以跳转页面？
3/ 跟【店铺主页模版】的店招是一模一样吧

/ 实现这个效果并不难 /

（难的过程被我已经承包了，调整像素大小位置等等，无数次测试手机/电脑显示效果，谁让我是个作死处女座呢？）



1/ 首先我们要用到专业图片制作软件photoshop（也就是PS）打开psd源文件（psd源文件下载链接在文章底部）


2/ 替换背景图、店铺名、和logo图片等玩意儿：


PS：这里穿插一下，前两天有个好友看了镊子分享的高逼格魔方教程后，在微信里咨询我：


3/ 下面为了使我们的点击关注、全部商品、上新商品和我的订单有单独超链接，选择切片工具，魔方使用很熟练的朋友基本都会也知道后面怎么操作了。



PS：有赞微页面魔方和切片的教程社区出了太多教程，不太会的朋友搜索一下>>

4/ 最后选择左上角“文件”--“存储为Web所用格式”，选择png-24格式保存：


5/ 新建微页面或替换原有主页店招版块使用魔方插件上传图片：


6/ 上传完成，设置你想设置的链接：

/ 至此，本教程结束 /

扫描下图二维码或点击图片查看效果：

--------------------------------------

还有问题的童鞋

欢迎添加杰米私人微信号提问哦！！

有对有赞后台店铺装修存在任何问题的童鞋

都可以给杰米留言！

----------------------------------------

店招psd源文件

大家可以直接下载

网盘地址：

链接：http://pan.baidu.com/s/1jGsCdU2

网盘密码：

密码：udog

本帖最后由 杰米Jemmy 于 2017-5-16 13:09 编辑

厉害了，可以的

正好要装修这下可以试试了，赞

漂亮  密码

臻情缘 发表于 2016-11-14 10:05
漂亮  密码

感谢支持

鼓励一下，棒棒棒~

谢谢分享

有个问题，最后的效果图，原来的店招还在，可以挂链接的伪店招在原店招下面，我们想要的效果应该是伪店招代替掉原店招的，不知道具体怎么操作

谢谢

鹅鹅鹅鹅鹅鹅鹅鹅鹅饿鹅鹅鹅鹅鹅鹅鹅鹅鹅饿不过

凤凰九天 发表于 2016-11-15 15:20
鹅鹅鹅鹅鹅鹅鹅鹅鹅饿鹅鹅鹅鹅鹅鹅鹅鹅鹅饿不过

鹅鹅鹅鹅鹅鹅饿

很多人都在苦恼为什么最强大的魔方功能只能做偶数，看到别人花式版面奇数图标导航羡慕的要死，难道他们都是VVIP？
NO，我来告诉你真相。




这是罗辑思维商城内的奇数（3个）图标链接，红色框是我自己加的你们不要误会。在这里大家也看到第一个人名字忘记改颜色了，应该不是故意要这样的。

内容摘要：
1.有赞微页面表格工具
2.PS简单操作

步骤一：
省去前面啰嗦的，直接进入正题，编辑微页面：


首先我要为有赞微页面编辑工具里面的富文本正名，它才是有赞页面编辑功能圈内的大佬，有赞技术单身狗把它放在第一位是有奥义的。


步骤二：
1.选择表格小工具，选择奇数列（偶数的话用魔方比较方便）（这里举例3列2行），行数根据实际情况自行选择。


2.全选表格，在表格边框位置右击，选择表格-表格属性



3.设置如下图：按表格文字自适应；表格边框为白色（或与背景统一的颜色，一般是白色）


4.单元格属性背景色设置为白色（白色为参考色，一般与背景色统一）--------2015.11.16补充  

5.设置表格表现可见（反复调试）-------------------2015.11.16补充
  

可能因为表格选择的状态不正确，第4步第5步请反复调试一直预览效果如下图：
  
步骤三：
1.将素材放入PS软件中进行切割（这里举例切3等份）排版（宽度640px，高度自定）（如果你用别的软件也一样）



2.存储为WEB所用格式得到要用到的三张导航图标（一般是PNG格式）


步骤四：

1.将素材放入刚才编辑好的微页面表格中去，居中



全体人民注意了：
本帖隐藏的内容

①.在插入图片过程中一定要注意所有格式居中显示！！！
②.千万不要不小心输入一个空格或者其他东西在表格中，对不齐可不要怪我没提醒哦


2.将对应的链接分别嵌入对应的图片与文字，文字颜色可更换，下划线可去掉，看起来就像正常的不带链接的文字一样一样的

合口味官方旗舰店 发表于 2016-11-15 16:55
很多人都在苦恼为什么最强大的魔方功能只能做偶数，看到别人花式版面奇数图标导航羡慕的要死，难道他们都是 ...

哦