使用英雄横幅元素创建特色收藏列表部分

关于精选集

精选系列是您希望顾客探索的重点产品组。它们通常作为热门或季节性类别的快速链接，有助于改善导航并提升关键系列的销量。

精选藏品示例：

• 男士商店/女士商店： 针对特定性别的产品类别。
• 夏季系列/冬季系列： 季节性亮点或促销。
• 畅销商品/新品： 关注热门或最近添加的项目。

这些部分通常放置在主页的显著位置以吸引客户的注意力。

如何使用英雄横幅元素设计特色收藏列表？

探索创建自己的最佳方式 精选收藏列表 使用 GemPages Hero Banner 元素。

开始之前，请确保在 GemPages Editor v7 中找到目标页面。

步骤 1：创建包含 3 列的行

• 进入编辑器后，从左侧边栏搜索“row”。
• 将 3 列行元素拖放到页面上的首选位置。

此布局可让您并排显示三个特色系列。

第 2 步：在第一列添加英雄横幅

• 从左侧边栏中，找到并将英雄横幅元素拖放到您的 行 元件。

• 点击英雄横幅元素以打开其设置。向下滚动到 背景 部分并找到 图片 选项。

• 展开设置面板。您可以浏览图库或上传代表第一个系列的新图片。

• 在下面 文字样式 部分，继续编辑文本以匹配集合标题。

• 启用 悬停效果 英雄横幅设置中的功能以提高视觉吸引力：

步骤 3：复制英雄横幅到其他栏目

• 在英雄横幅设置中，右键单击并点击 选择父元素 > 第 3 行 打开 Row 元素 个人设置 标签。

• 向下滚动到 列管理 > 3 列 打开配置面板。然后，将鼠标悬停在 柱 1 >击中 复制 图标。

• 复制第一列后，将鼠标悬停在上面并删除 列4 & 列5.

• 现在，自定义 列2 & 列3 按照您的方式。替换每列的背景图像、文本和按钮，以代表不同的集合。

注意： 确保所有列的设计保持一致，以形成统一的外观。

步骤 4：针对移动设备进行优化

• 在 GemPages 编辑器中切换到移动视图。

• 调整布局以适应较小的屏幕。优化图像、文本和按钮的大小。
• 保存您的配置并点击 发布 按钮以使您的更改生效。