新手开店 | 开店考试 | 网店装修 | 进货技巧 | 开店经验 | 开店故事 | 微信开店 | 网站推广

订货货源网logo

商家推荐

首页 > 网店资讯 > 网店装修

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

共有0人查看了本文 | 发布时间: 2016-12-23 19:06:11

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    网店装修相关信息

    更多..
    关注我们的微信公众号

    淘宝网店怎么开,找免费开网店货源,欢迎来到淘宝网店货源网。本站的货源信息由会员发布,请妥善交易!

    关于我们-|- 版权声明-|- 广告服务-|- 联系我们-|- 媒体合作-|- 免费发布信息-|- 友情链接

    投诉、建议联系邮箱:alibbw◎qq.Com (请尽量发邮件联系) 广告联系 QQ:15884368

    © 2008-2017 订货货源网 www.dhuo.net, all rights reserved. 闽icp备12024554号-14