Ascent(English)
Contact usFAQsFree to install
中文
中文
  • 简介
  • 支持政策
  • 退款政策
  • 模板安装
  • 常见问题
  • 全局设置
    • 布局设置
    • 颜色设置
    • 排版(字体)
    • 面包屑导航
    • 动画效果
    • 板块标题
    • 产品卡片
    • 徽章设置
    • 社交媒体
    • 搜索行为
    • 货币格式
    • 购物车
    • 网站图标
    • 自定义css
  • 页眉
    • 自定义Mega菜单
    • 手机端菜单被第三方插件遮挡处理
  • 侧边抽屉
    • 搜索抽屉
    • 购物车抽屉
  • 板块列表
    • 无缝滚动
    • 公告栏
    • 倒计时
    • 分类图标列表
    • 窄幅横幅图像
    • 图片横幅
    • 视频横幅
    • 幻灯片
    • 图文介绍
    • 图文列表
    • 富文本
    • 电子邮件订阅
    • 带文本的图标
    • Logo列表
    • 联系表单
    • 常见问题(FAQ)
    • 图文多列
    • 图片对比横幅
    • 图片热点横幅
    • 地图横幅(Google地图)
    • 精选商品系列
    • 精选商品
    • 商品系列列表
    • 自定义 Liquid
    • 综合显示
    • 五彩纸屑触发器
    • 自定义版块标题
    • 引用
    • 客户评价
    • 浏览动态购物
    • 阅读文本
    • 相册
    • 商品比较表
    • 文字镜头放大
    • 滚动图片放大
    • 里程碑
    • 团队
    • 亮点展示
    • 步骤
    • 媒体墙
    • 下载列表
  • 弹窗
    • 活动弹窗
    • 年龄验证
  • 页脚
    • 自定义支付图标
  • 侧边工具栏
  • 页面
    • 产品分类页面
      • 创建子分类
    • 产品页面
      • 礼物(赠品)
      • 产品预购
      • 添加尺码表
      • 隐藏其它变体图片
      • 显示变体样本
      • 显示互补产品
      • 添加推荐产品
      • 绑定兄弟产品
      • 添加包含的产品
      • 创建产品A+页面
      • 性能指示条
      • 预计送达时间
  • 其它
    • 版本说明
      • v2.3.2(即将发布)
      • v2.2.1(当前版本)
      • v2.1.8
      • v2.1.7
Powered by GitBook
On this page
  • 功能特点
  • 图片尺寸建议
  • 使用建议

Was this helpful?

  1. 板块列表

相册

Previous阅读文本Next商品比较表

Last updated 5 months ago

Was this helpful?

图片相册板块允许商家在页面上展示多张图片,支持自定义每张图片在页面中的排列布局。您可以通过设置图片的宽度和高度列数,创建具有视觉冲击力的媒体展示效果。该板块适用于推广商品图片、展示品牌故事或营造页面视觉氛围。

功能特点

  1. 图片自定义列数:每张图片都可以单独设置宽度和高度列数,灵活布局。PC 端最多支持 4 列宽度和 2 列高度,手机端最多支持 2 列宽度和 4 列高度。

  2. 响应式设计:根据设备(PC 或移动端)自动调整图片的布局,确保页面在各种屏幕尺寸下的展示效果一致。

  3. 多图展示:支持上传多张图片,帮助商家展示多个产品、品牌故事或其他视觉元素。

  4. 图片缩放与比例控制:可以通过列数设置控制图片的尺寸和比例,创建规则或不规则的网格效果。

图片尺寸建议

PC 端尺寸

电脑端最小单元尺寸建议为 400 x 300px .jpg(宽 1/4,高 1/2),其它单元尺寸可按宽高比例计算,例如宽 2/4、高 2/2 的单元建议尺寸为 800 x 600px .jpg。

手机端尺寸

手机端最小单元尺寸建议为 320 x 240px .jpg(宽 1/2,高 1/4),其它单元尺寸按比例计算,例如宽 2/2、高 2/4 的单元尺寸为 640 x 480px .jpg。

使用建议

  1. 丰富的图片内容:建议上传风格统一的高质量图片,保持视觉上的一致性,有助于提升页面整体美感。

  2. 合理使用列数设置:通过控制每张图片的宽度和高度列数,可以为重要图片预留更多展示空间,也可以通过对比创建引人注目的视觉层次感。

  3. 品牌故事展示:除了展示产品图片,您还可以使用媒体墙讲述品牌故事、展示活动瞬间或宣传新品,以提升品牌认知度。

  4. 移动端优化:确保在移动设备上测试媒体墙的展示效果,调整每张图片的列数设置,以确保在不同设备上的用户体验最佳。