商品图片设置

云起服务发表于:2015年11月19日 22:05更新于:2015年11月23日 16:53

系统对商品图片有默认的限制尺寸,如果想调整对图片大小的限制,可以对尺寸大小重定义。商品水印是商家对自己的图片增加的一种标识,这样既可以用商品图片进行宣传,还可以防止他人盗用自己的商品图片。

 

本小节包括5点,通过对本部分的操作,您可以掌握如何设置图片的大小限制,实现自己想要的效果。同时可以为您的商品详细页图片增加个性化的水印标识

1、三种图片尺寸设定

2、开启图片放大镜功能

3、商品图片水印设定

4、商品规格图片尺寸设定

5、商品图片设置常见问题及解决方案

 

说明:一张商品图片上传后,会自动生成三张图片,分别出现在商店的三类页面:
1、显示在商品列表页、首页商品版块内的图片,称为“列表页缩略图”;
2、显示在商品详细页内的图片,称为“商品页详细图”;
3、显示在商品相册页内的图片,称为“商品相册图”;

 

1、三种图片尺寸设定

后台,依次点击 商店配置-商品图片设置,可以看到系统默认设置了三种图片的尺寸及缺省图

001564dd6bca017880308d9adad4c9e

如果自己商品图片的尺寸与此相似,也可不进行设置直接启用。

(1)、列表页缩略图

点击商品分类或搜索商品,可以看到商品列表页缩略图图片

001564dd6c779d50bba0a162b82fb1a

 

一般此处的图片尺寸要综合考虑自己商品的图片实际尺寸及模板的商品布局,选择最和谐的进行设置。

设置结束后,可点击右侧的 预览 来对图片效果进行查看

001564dd6d39461a082bf2f3e9883b2

 

2)、商品页详细图

点击任一商品,可以看到商品页详细图图片

001564dd6de849f7422d238c9539cec

设置结束后,同样可点击右侧预览对图片效果进行查看

 

3)、商品相册图

在商品详细页中点击商品图片时,会显示更清晰的图片,即为商品相册图

001564dd6eb586e3eb5c3a7f86bec57

设置结束后,同样可点击右侧预览对图片效果进行查看

 

4)、缺省图

缺省图一般适用于某些可以使用相同图片的商品,这种情况下,添加商品时不需要单独上传图片,系统会自动调用缺省图,省时省力。

或者某些商品暂时没有合适的图片,此时临时调用缺省图

 

2、开启图片放大镜功能

在商品详细页面,把鼠标放至图片上时就会显示一放大的图片,效果会更清晰

001564dd6f84812a6c5d8fa0748dbd9

后台,开启放大镜时,同时可以设置放大镜的边框大小

001564dd701b1e4f298bea29ace649e

 

说明:设置边框时也不是越大越好,因此此处图片实际是调用商品相册图,只有商品相册图足够清晰,开放放大镜的效果才会更好。因此开启此功能时,还要考虑商品相册图的实际尺寸。

 

3、商品图片水印设定

水印一般用于自己制作的图片,设定水印后,即可以给客户真实的感受,也可以防止被盗用。

水印一般有两种方式:图片水印(用一张图片做标志添加在商品图片上)、文字水印(直接输入水印内容生成在图片上)

目前水印可用于商品详细页图片与商品相册图图片。

 

接下来以商品详细页图片水印为例说明

001564dd70b2b6d2ef01a044cceb5fb

 

水印位置与透明度一般没有固定位置,最好根据自己产品的特色来选择。

设置位置及透明度后,可以查看水印效果

 

商品相册的水印设置与此完全相同。

 

说明:如果在添加商品前设置的水印,则水印会自动添加在商品图片上。

如果已经添加了大量商品才设置的水印,则设置水印后还需要在商品列表中使用“重新生成图片”功能才可让水印添加在商品图片上

 

4、商品规格图片尺寸设定

规格的表现形式有两种,一种是文字,一种是图片。

当使用图片形式的规格时,需要上传多张图片,比如颜色,可能就要几十个规格图片。

如果这些图片的尺寸都完全一样,可以直接上传,如果大小不一,则可以利用此处的尺寸来强制生成一致的图片

001564dd715b0a57060ea054baf3243

 

5、商品图片设置常见问题及解决方案

1)为何图片重新设置了尺寸或设置了水印,前台商品图片没有变化?

参考答案:图片上传时,系统会根据三张图片的尺寸设置来生成相应的图片,如果此处的尺寸进行了变更,则只有新上传图片时才会起作用,原先已经上传好的图片不起作用。这里就相当于一个标准,制定了新的标准后,新添加的图片会起作用,而标准变更之前已经上传的图片是不受新标准的制约。因此解决的方案就是让原先的图片根据新标准重新生成

 

在商品列表中,选择需要重新生成图片的商品后,依次点击 批量操作-重新生成图片

001564dd72190cca966d75e992f9cc7

 

就可以根据新标准生成新的图片了

001564dd72b776e141f6c1f5e4c3789

此时商品图片就会根据设置生效了。

说明:此功能只对本地上传的图片有效,当图片是使用远程图片时,此功能无效。

 

2)为何远程图片显示不全?

详细描述:越来越多的用户开始设置多个商店,所有商店调用同一服务器上的图片,包括商品的缩略图、详细图都调用远程图片。但有用户发现,在使用远程图片时,如果远程图片尺寸与本店的设置不完全一致时,商品图片就显示不完整,尤其是远程图片比较大时,在商品中就只显示一部分,这是什么原因呢?

参考答案:虽然商店本身对商品图片做了标准的限定,但只对本地上传的图片有效,当使用远程图片时就无法对其进行重新生成处理。

 

下面说一下如何处理商店首页缩略图调用远程图片时的显示问题。

商店首页:模板可以对首页商品的显示尺寸做限定,做强制大小或超出截断处理。 编辑模板首页,编辑商品块,点击里面的更多设置,可以看到选项 默认是超出截断,适用于本地上传的图片。 当商品图片是远程图片时,并且实际尺寸远远超出了商店中图片的设置,可选择强制大小,这样会把远程图片压缩显示,而不会只显示一部分。

001564dd73466c4c564123c4f1be954

当然最好的解决方法还是把远程服务器上的图片尺寸修改为与本地图片尺寸要求完全一致。

3)为何放大镜效果不明显?

详细描述:系统后台开启放大镜功能后,在商品详细页面,把鼠标放至图片上时就会显示一放大的图片,效果会更清晰。但有用户反馈说,虽然放大镜开启了,但效果并不明显,这是什么原因呢?

参考答案:开启放大镜后,在放大镜中调用的图片其实就是商品的相册图,也就是系统生成的尺寸最大的图,这个图越大,放大镜的效果才越明显。如果相册图的尺寸与详细图 的尺寸一样,或比较接近,则此时的效果就不明显了。解决方法就是把相册图的尺寸设置的相对大些,然后重新生成图片。当然,尺寸不能高于原图尺寸。

 

4)、为何有商品的缩略图显示为有商派标志的黑白图片?

详细描述:有的用户反馈说,在商店中上传商品图片时,如果没有上传图片或当上传失败时,前台会显示一个有商派标志的黑白的图片,这是什么原因呢?

参考答案:系统后台在设置商品图片尺寸的地方有缺省图的设置 如果没有上传图片,或上传失败时,系统会在前台自动调用缺省图片,不会空白显示。当某个商品图片忘记上传,或上传失败时,可以自 动调用。 


    提供技术服务