图标列表元素

关于图标列表元素？

此 图标列表元素 GemPages 中显示一排水平排列的图标。它非常适合吸引人们对特定细节或功能的注意，同时增强商店的整体美感。

以下是使用 图标列表元素 有效地：

• 英雄横幅：显示代表诸如快速交付、安全支付或环保产品等优势的图标。
• 产品详情：使用图标直观地表示产品特征，例如耐用性、尺寸或材料。
• 评价：添加图标来增强客户评论，例如添加星级以表示评级或添加徽章以表示质量保证。

如何向您的页面添加图标列表元素？

按照以下步骤使用 GemPages Editor v7 将图标列表元素拖放到您的页面中：

• 登录到您的 Shopify 管理员 > GemPages 构建器 应用> 前往.
• 点击需要添加图标列表元素的页面，进入编辑器。
• 从左侧边栏搜索此元素，然后将其拖放到页面上的所需位置。

• 找到该元素以打开其设置进行进一步的自定义。

配置“设置”选项卡

在下面 个人设置 选项卡中，您可以根据需要配置图标的可见性：

物品管理

添加更多图标 or 去掉 不必要的东西，以适应你的设计。此外，你可以 改编 如果您在此图标列表元素中使用不同的图标，则每个图标的定位。

项目间距

通过以下方式调整图标之间的距离，以获得整洁、有序的布局：

• 在框中输入一个确切的数字
• 拖动滑块

背景

设置纯色/渐变色或图像作为背景。

• 颜色： 输入颜色代码，从“最近的颜色”/“为您建议”列表中选择，或使用颜色选择器设置背景颜色。

• 图片： 上传新图像或从库中选择一张图片设置为背景。

形状

使用以下方法自定义形状：

• 边界： 添加边框样式
• 角： 调整角的圆度
• 阴影： 应用阴影效果来获得深度

对齐

调整图标列表的水平和垂直对齐方式：

结果

你可以打 眼 右上角的图标即可预览更新。以下是图标列表元素在店面中的显示方式。

配置高级选项卡

如需更多高级自定义，请导航至“高级”选项卡并按照 本文.