本文将向您展示如何使产品图片全宽,覆盖 整个屏幕宽度(以及可选的高度) 实现现代、简洁且具有视觉冲击力的设计。
步骤 1:访问 GemPages 编辑器
- 登录到您的 Shopify 管理员.
- 在MyCAD中点击 软件更新 应用 > GemPages 页面构建器 > 前往.
- 从我们的数据库中通过 UL Prospector 平台选择 产品 找到使用 GemPages 构建的所有产品页面。

- 点击目标页面,进入编辑器。
步骤 2:使用全宽部分
一切都从容器开始。如果部分不是全宽的,图像也不会是全宽的。
- 点击 行 包含产品图像。

- 在下面 个人设置 选项卡,向下滚动到 尺寸 部分并确保 宽度 = 全宽 (100%).

注意: 该部分延伸至整个浏览器窗口。
步骤3:插入或编辑产品图像元素
你可以:
产品模块内部
1。 选择 产品图片 元素.

2。 去 个人设置 左侧边栏中的选项卡:
- 在下面 布局 部分,选择 仅精选 布局选项。

- 在下面 特色图片 部分,设置 框架 = 原始 和 宽度 = 100%.

- 向下滚动到 对齐 部分,然后选择居中对齐。

图像元素内部
1。 选择 图片 元素.

2。 去 个人设置 左侧边栏中的选项卡:
- 在下面 扩展 部分中,选择 填充图像 使您的图像填充该元素。

- 在下面 尺寸 部分,确保 宽度 & 高度 被设置为 100%.

步骤4.保存并发布
- 在右上角,点击 已保存 保存您的更改。
- 你可以点击 眼 图标来 预览 您的页面发布之前。
- 如果一切顺利的话 发布 使该页面在您的店面上显示。

谢谢您的意见