什么是产品数量元素?
此 产品数量元素 允许购物者指定想要购买的商品数量。顾客可以点击加号 (+) 或减号 (-) 按钮来增加或减少数量,也可以手动在输入栏中输入数字。
如何将产品数量元素添加到您的页面
步骤 1:在 GemPages 中打开页面
首先,导航到您想要添加数量选择器的页面。
第 2 步:查找并添加元素
在编辑器中,使用左侧面板上的搜索栏输入 产品数量。一旦看到元素出现,将其拖放到设计区域的所需部分。

注意: 产品数量元素只能在 产品 or 产品列表 元件。
添加元素后,单击它即可打开 设定面板 在左侧。该面板有两个选项卡: 个人设置 以及 先进的.

配置设置选项卡
七、产品来源
选择此数量选择器适用的产品。这可确保所选产品的数量正确更新。

2。 按键
- 宽度: 调整按钮宽度以适合您的设计。
- 背景: 为按钮选择纯色或渐变色。
- 加号图标: 选择默认图标或上传自定义图标。
- 减号图标: 选择默认图标或上传自定义图标。
- 图标颜色和大小: 调整图标的颜色和大小以匹配您的页面风格。
- 边框和角落: 自定义边框样式和角半径。
- 悬停效果: 当用户将鼠标悬停在按钮上时添加视觉效果。

3. 输入
- 背景: 更改输入字段的背景颜色。
- 文本样式: 从 3 种段落样式和 6 种标题样式中选择输入文本。
- 分频器: 设置按钮和输入字段之间的分隔线的颜色和粗细。
- 悬停效果: 当鼠标悬停在输入字段上时应用视觉效果。

4。 尺寸
调整元素的宽度和高度。

5. 背景
更改元素背景颜色。

6. 形状
调整元素的外形:
- 边境
- 角落
- 阴影

7. 显示条件
- 默认数量: 设置显示的数量的起始数字。
- 更新价格: 数量改变时总价更新。

8. 对齐
- 当按钮宽度为 100% 时,对齐将被禁用
- 如果没有,默认对齐选项是左对齐。

配置高级选项卡
如需更多高级自定义,请导航至“高级”选项卡并按照 本文.
谢谢您的意见