跳到主要内容

图片尺寸

一.平台-pc微页面尺寸说明

操作路径:平台-运营-装修-pc端微页面-新建

模块说明:以下为模块建议尺寸,如需自定义可在模块处自行调节图片高度

模块

1.标题分隔栏:图片宽高比5:2

2.图片轮播:1210*500px

3.商品滑块:左侧图片为190*260px

4.图片宫格:单图295370px,双图100100px

二.平台-移动端微页面尺寸说明

操作路径:平台-运营-装修-移动端微页面-新建

模块说明:以下为模块建议尺寸,如需自定义可在模块处自行调节图片高度

模块

1.图片广告:

​ 一行一个模板:宽度750px,高度无限制

​ 轮播海报模板:750*260px

​ 大图横向滑动模块:宽度670px,高度无限制

​ 小图横向滑动模块:宽度305px,高度无限制

​ 导航横向滑动模块:宽度142px,高度无限制

​ 绘制热区模块:宽度750px,高度1000px以内

2.图文导航:宽高比1:1

3.魔方:

​ 一行两个样式:750*750px

​ 一行三个样式:500*500px

​ 一行四个样式:375*375px

​ 左二右二样式:750*750px

​ 左一右二样式:左一7501500px,右二750750px

​ 左一右三样式:左一7501500px,右上750750px,右下375*750px

4.店铺信息:背景图片750*370px

5.视频:自定义封面图宽高比16:9

三.商家-pc微页面尺寸说明

操作路径:商家-装修-pc端微页面-新建

模块说明:以下为模块建议尺寸,如需自定义可在模块处自行调节图片高度

模块

1.标题分隔栏:图片宽高比5:2

2.图片轮播:1210*500px

3.商品滑块:左侧图片为190*260px

4.图片宫格:单图295370px,双图100100px

四.商家-移动端微页面尺寸说明

操作路径:商家-装修-移动端微页面-新建

模块说明:以下为模块建议尺寸,如需自定义可在模块处自行调节图片高度

模块

1.图片广告:

​ 一行一个模板:宽度750px,高度无限制

​ 轮播海报模板:750*260px

​ 大图横向滑动模块:宽度670px,高度无限制

​ 小图横向滑动模块:宽度305px,高度无限制

​ 导航横向滑动模块:宽度142px,高度无限制

​ 绘制热区模块:宽度750px,高度1000px以内

2.图文导航:宽高比1:1

3.魔方:

​ 一行两个样式:750*750px

​ 一行三个样式:500*500px

​ 一行四个样式:375*375px

​ 左二右二样式:750*750px

​ 左一右二样式:左一7501500px,右二750750px

​ 左一右三样式:左一7501500px,右上750750px,右下375*750px

4.店铺信息:背景图片750*370px

5.视频:自定义封面图宽高比16:9

五.平台-系统设置中商品尺寸

操作路径:平台-设置-系统参数-系统设置-商品设置

注:具体数值不做规范,尺寸仅供参考。但是尺寸要和阿里云OSS云存储的缩略图规则一致

尺寸对应位置显示如下

系统设置-缩略图:管理端、商家端 商品列表的图片

系统设置-小图:商品详情页左侧图片、会员端搜索商品,商品列表页面图片

系统设置-大图:店铺首页标签商品

image-20221220151326904

六.其他位置图片尺寸说明

网站logo尺寸:240*60px

image-20221220151420293

店铺logo尺寸:200*80px

image-20221220151450862

商品搜索列表页面图片:400*400px

image-20221220151509063

商品详情页面大图:800*800px

商品缩略图:80*80px

image-20221220151525330