在本文中,您将了解如何使用 XO 图库元素。
若要使用此元素,您需要从 Shopify 商店安装 XO 图库元素并转到 PageFly 以使用该元素。
安装 XO 图库
安装 PageFly
关于XO图库元素
XO 图库元素允许您通过使用简单的上传过程在无限图库中添加无限图片。XO 图库还提供了大量强大的功能来自定义您的图库,直到您满意为止。它支持现代网格和砌体布局,并提供以下三个选项:灯箱、链接和图片标题。不仅如此,您甚至可以自定义图库中的每张照片,甚至可以根据自己的喜好为台式机、笔记本电脑、手机和平板电脑修改它们。
在使用此元素之前,您必须将 XO 图库应用程序安装到您的商店并在应用程序中配置选项,然后返回 PageFly 以在所有 PageFly 页面上使用该元素。
访问 XO 图库元素
在您的 PageFly 编辑器中,前往集成部分 > 搜索 XO 图库> 启用 XO 图库元素。
XO 图库配置
第 1 步:通过您的 Shopify 帐户设置 XO图库应用程序。
转到您的 Shopify 管理员 > 应用程序 > 选择 XO图库进行设置。
第 2 步:在 XO图库应用程序中设置。
1. 在 XO 图库的仪表板中,前往添加新图库部分。
- 为图库添加标题,然后从您的设备中选择图片。
您可以根据自己的喜好配置您的图库,方法是转到选项卡:设置、设计、构建、自定义代码。
在此处您可以为您的图库选择特效,或配置在其他设备上的显示等…
请参阅此 GIF 以获取更多信息:
3. 单击保存。
注意:单击保存第一个图库后,可能会出现以下消息:
您的图库不工作。
您需要在主题定制器中启用 XO 图库脚本。
在此处,您需要单击主题定制器并启用应用程序 XO 图库脚本。 详情可以参考此GIF:
4. 返回您的 PageFly 编辑器,选择您要显示图库的页面。
将 XO 图库元素拖放到页面编辑器中,然后选择页面编辑器右侧的图库。
您可以在样式选项卡中自定义 XO 图库元素的样式。
您可以在此处查看有关样式选项卡的更多信息。
就仅如此! 勿忘保存并发布您的产品页面以查看 PageFly 页面上的元素。