如何创建手机定制页面?

您可以观看此视频,了解如何构建移动响应页面

PageFly布局默认情况下是响应式的。 但是,该应用程序可以选择在特定设备(移动设备平板电脑笔记本电脑台式机)上为您的内容设置样式,您将在本文中了解到如何设置样式。

关于设备切换器(全部/笔记本电脑/平板电脑/手机)

在PageFly编辑仪表板里,您可以在顶部菜单栏上看到设备切换器选项。 您可以轻松地看到您的内容在每种设备上的展现。

这是在实际构建页面时很有用的功能。 它可以调整编辑画布,您在编辑器中看到的内容也将是您的访客看到的内容。 因此,请确保您在移动和平板电脑设备上营造舒适的用户体验。

让我们仔细看看该模板的推荐部分。 在台式机上,我们看到2行布局,每行包含3个推荐。

如果您切换到移动设备,此部分会太长,因为每个推荐书都几乎覆盖了整个移动设备屏幕。

在这里,我们只希望在手机上显示3个推荐,而不是6个。我们选择每个推荐的容器 – 列,然后导航到 常规选项卡 > 可见度

create a mobile-customized page with pagefly

接下来,我们在平板电脑移动设备启用隐藏设置。 完成! 要检查手机和平板电脑上是否隐藏了推荐,要用设备切换器

mobile-customized page

这是一个说明如何在移动设备/平板电脑上优化页面内容并改善Shopify商店的用户体验的示例。

您可以观看此视频,以了解如何使用“ Flex”选项调整移动设备布局

Was this helpful?

Try out all PageFly features with Free plan

.myshopify.com
Don’t have Shopify store yet? Create store
×

PageFly Help Center is now available in French, Portuguese and Chinese.Please check the flags on the page header.

I got it!
Languages