如何使用 GemPages V7 在移动设备上创建 Shopify 滑块

如何在移动设备上创建滑块

GemPages 有 响应设计 内置，这意味着当您在移动设备上添加滑块时，它将自动具有适合移动设备的正确设计。GemPages 始终鼓励用户先在桌面上进行设计，然后切换到移动视图进行必要的调整。

选项 1：使用轮播元素创建 Shopify 滑块

此选项允许您为几乎任何元素创建 Shopify 滑块。

第三步： 打开您想要添加滑块的页面。
第三步： 为您的 圆盘传送带 element 并将其拖到您的页面上。

第三步： 点击轮播以打开其设置。对于每张幻灯片，您可以添加各种元素，例如：

• 英雄横幅：非常适合包含图片、标题和号召性用语按钮的宣传内容。
• 产品模块：显示带有图片、标题和价格的单个产品。
• 图像或文本块：用于自定义内容或推荐。

等等，。

自定义每张幻灯片的内容以满足您的需要。

第三步： 选择旋转木马后，转到 个人设置 选项卡。您可以调整：

• 项目数量：每张幻灯片显示的项目数（最多 12 个）。
• 间距：项目之间的空间。
• 预览：启用后可部分显示下一张幻灯片。
• 导航控制：启用箭头或点进行手动控制。
• 自动播放：设置自动幻灯片切换。

有关轮播设置的更多信息，请参阅 轮播元素.
有关使用轮播和英雄横幅元素创建幻灯片的视觉指南，您可能会发现以下教程很有帮助：

第三步： 切换到 移动视图 在编辑器中预览小屏幕上的滑块。根据需要调整文本、图片和按钮。

选项2： 使用以下方式创建 Shopify 滑块 产品列表元素

如果您只想要一个产品图片滑块，请使用 产品图片列表 元件。

第三步： 打开要编辑的页面，找到 产品列表 元素，然后将其拖放到您的页面上。

第三步： 选择产品图片列表，转到 个人设置 标签，找到 布局 部分，然后选择 滑块.

第三步： 自定义滑块选项，例如图像数量、导航控件和间距。

有关详细信息，请参阅 产品列表元素.

如何创建仅适用于移动设备的滑块？

如果你想要一个显示 仅在移动设备上， 使用 GemPages 的可见性设置:

第三步： 选择您想要在桌面上隐藏的滑块。
第三步： 去 先进的 标签，然后 开启显示, 并切换 折扣 桌面视图。

这将使滑块仅在移动设备上可见。