淘宝首图放大功能设置方法 淘宝首页交替背景怎么做?

 淘宝商家朋友在为店铺进行装修时,会发现有很多的店铺装修采用了很细节的处理,比如在首图当鼠标放上去可以放大,首页背景的交换,这样装修可以吸引来更多地消费者,但是这样的效果是怎么装修的呢?下面小编就来告诉大家。

首图放大镜功能设置方法

1.首先用Photoshop(简称PS),打开一张图。选择工具栏中的矩形工具,在属性栏样式中选择固大小,把图片尺寸高度和宽度的值改成一样(如:950*950)然后点击图片,出现如图选区,移动选区裁取你想要的内容。

2.然后选择菜单栏中的“图像→裁剪”功能裁剪。好啦,接下来只要存储一下就好了。

淘宝主图要多大尺寸才会默认有放大功能?

 主图尺寸在700像素X700像素以上的会默认有放大功能。大家还是可以使用淘宝主图视频来展示奥~

 在发布宝贝时,商品详情编辑页面中,在上传上图的位置有注明的。

 主图尺寸在700X700以上,当鼠标放在主图片某一个位置上,主图右侧即显示出鼠标所在位置的放大图。

JQ实现的放大镜

 Q插件实现主要是利用zoom插件实现的,在这我只是实现了基本的太保放大镜的效果,zoom插件中的更多属性,如果你们要用的话,记得问度娘哈,用zoom插件,有很多的局限性,首先说的命名的要求:小的图片叫1.jpg的时候,大的图片就叫1big.jpg,虽然有这个要求,但是实现淘宝放大镜的效果,还是很容易的,比着写JS逻辑,这种方法真的是非常简洁,方便,小伙伴们在用这个插件的时候,要注意图片要放到一个文件夹中,并且图片的命名有要求哦

 谁知道淘宝首图宝贝的放大镜里的完整图片怎么保存下来吗?保存下来也要带放大功能的图片,怎么保存才能也带放大功能呢?

 放大镜那里的图片是复制不下来的,想要自己的图片也带放大镜功能,上传图片的时候设有800*800以上的像素就可以有放大镜了但单张图片不超过500K。

淘宝首页交替背景怎么做?

 主要是利用到自由布局工具模块背景及任意图组件实现多层固定背景视觉差效果案例,图片样式自由设计,设计好在软件里布局你要位置即可,背景尺寸建议:1920x1080px,高度要1080以上,如果高度矮了在滑动的时候上下会直接显示店铺背景色,导致显示不协调情况,具体请看我下面的操作演示~

 这个效果就一个操作:添加完组件生成淘宝装修代码的时候选背景固定

 温馨提示:阿里巴巴单张图片不要超过2M,高度宽度不要超1920px,超了上传图片空间会压缩,导致图片变小,这个问题比较常见,大家注意一下哦~

 如果要做png透明图或GIF动态图请上传淘宝图片空间

 按键盘上alt+方向键可以微移组件位置~任意图鼠标右键可锁定画多热区

 操作完记得右上角备份一下操作记录哦,下次可以导入再次编辑

怎么把淘宝首页背景图固定?

 具体方法如下。

 准备好一张像素1920*1080背景图片。

 打开淘宝图片空间>指定好文件夹>点击上传图片>在弹出新窗口点击上传>选择已经准备好的背景图点击打开完成上传。

 点击背景图中的链接标志,就可以复制成功。

 进入店铺装修>在导航栏上点击编辑,进入后要用的代码全部复制body{background-image:url(图片地址);background-repeat:no-repeat;background-position:center;background-attachment:fixed;}

 选择显设置>>粘贴代码>>到空间复制链接>>覆盖图片地址点击确定完成。

 预览看下效果,满意了就点击发布。好了,自由布局工具模块背景及任意图组件实现多层固定背景实现方法就介绍到这里,喜欢的卖家朋友们可以动手试一试,或许在你的下一个设计项目上尝试使用。


相关文章