PC端和无线端的店铺首页怎么装修效果更好

发布时间:2016/12/23 15:45:22

淘宝店铺装修对于商家来说非常重要,对商品转化率的提高有显著的帮助,那么PC端和无线端的店铺首页怎么装修效果更好?下面一起来看下。

首先来看PC端的装修技巧,要想实现全屏效果的话,首先要在PS软件中将活动氛围图像制作好。以下就以新势力周服装素材图像作为演示:这张图片的大小为1920*494,我们可以利用第三节课教的950加上页面背景的形式去实现全屏效果。当我们用多重复杂背景的时候,用第三节课讲的方法在不同位置、不同背景情况下实现起来比较难。

下面主要讲用代码的形式去扩展,首先图片保存为jpg格式,将品质调大,确定。

要实现全屏的话,图像要做成1920*494,需要注意的是如果想要图片的兼容性比较好,想要在所有显示器上都能看清楚的话,要注意参考线的创建。

首先创建一个1920*494的空白页面

然后得到一个空白页面后,新建参考线,垂直方向是485,然后新建第二条1435,确定

那么接下来你的商品和文案就应该放在里面,最多不应该超多1000像素

在1000像素以内,所有的显示器都能看到,两边扩展的部分是显示器分辨率比较高的时候看到的是背景,如果在左图的时候讲商品文案放在了参考线以外,那么在比较小的显示器里就看不到。

当我们设置好图片以后回到装修后台,如果想要把新势力周的图片放在首页,就需要在自定义区新建一个950的模块

然后进行编辑,将专业版要用到的源代码,ctrl+A键全选,复制粘贴到编辑栏内

在这里需要修改的是图片的高度是494,所以要将源代码中的470改为494,接着打开图片空间,随意选择一个文件夹,将做好的新势力周的图片传上去,然后点击中间的复制链接。更多电商资讯可以关注www.53shop.com

提示复制成功后,回到编辑栏,将图片地址选中,粘贴为地址。这样就可以轻松实现在PC端的焦点图的全屏效果。

接下来讲解在无线端如何实现,在店铺管理页面里有个手机淘宝店铺,点击立即装修

进入到无线运营中心,切换到店铺装修

要做无线店铺焦点图首先要进入店铺首页确定在哪个模块放焦点图,然后根据尺寸去做图片,比如我们要添加一个单列图片模块

这正图片的大小是608*336,我们在photoshop软件中做好相同大小的图片后可以上传到这里,当我们上传焦点图的时候会有对应的链接,在这边的链接就是无线端的自定义链接,PC端的页面在无线端是没有的,需要自己去创建,创建的入口在自定义页面

点击进来创建新的标题新势力周,然后进行编辑,在编辑的时候要对模块添加焦点图,这张焦点图的大小是640*304,所以接下来要做两张图,一张是自定义页面的焦点图,另一张是首页布点的图

首先制作608*336的图片,直接进行剪裁,用尺寸预设值进行拖动,双击确定

然后还需要对其参数进行一个调整,然后对图片进行存储。

然后后退一步,继续用剪裁工具,依照相同方法剪裁出640*304,保存。

然后回到自定义页面,想图片上传上去后进行发布

然后回到店铺首页,将608*336图片上传上去后,添加的链接就是活动页的链接,

装修完毕以后要进行发布,这样的话,买家可以点击首页中的新势力周的图片进入活动的自定义页面。

当我们去报名的时候不光要在PC端布点,也要在无线端布点,这样的话才能使消费者在电脑和手机上都能看到内容。

以上就是淘宝PC端和无线端的店铺首页装修技巧的相关内容,小编就介绍到这了,希望对大家有所帮助。

本文整理于互联网,如有侵权,请联系email:kf@53shop.com 进行删除处理。

上一篇:淘宝店铺装修字体怎么设计更大气更美感?

下一篇:中小卖家如何设计爆款?淘宝主图设计技巧

推荐货源
选择分类:
阅读推荐
最新资讯
分类栏目
新手开店 开店经验 淘宝推广
进货技巧 淘宝故事 网店装修
图片处理 网购技巧 行业新闻
创业项目 淘宝考试 品牌排行
微信开店 品牌百科 微商货源