在移动设备上重新排序列/内容

为什么在移动设备上重新排序列很重要

默认情况下，列 在桌面上水平排列的行通常会在移动设备上垂直堆叠。但是，有时自动列顺序可能与您想要的布局不一致。 

例如：

您是 Shopify 商店的店主。您设计了一个包含 2 列的桌面布局：

• 第 1 列 – 图像
• 第 2 列 – 专家意见和 CTA 按钮

在桌面上，这种布局流畅。但在移动设备上，内容默认垂直堆叠。问题如下：

• 图片首先出现，但推荐语出现在 CTA 按钮之前， 将 CTA 进一步推至页面下方.
• 用户可能在到达 CTA 之前就失去兴趣， 影响转化率.

当您的页面从桌面转换到移动设备时，确保列的正确顺序有助于保持流程和可读性。 

组织良好的移动布局可以增强用户体验，使访问者更轻松地浏览和参与您的内容。 

您可以通过以下几个简单的步骤在移动设备上重新排序列：

如何在移动设备上重新排序列（分步说明）

第三步： 首先在 GemPages 编辑器. 导航至您想要重新排序的内容所在的行。

第三步： 选择移动视图。

第三步： 点击包含要调整的列的行。这将在编辑器左侧显示该行的设置面板。

第三步： 重新排列列 最适合您的移动布局。 

这使您可以完全控制内容在垂直堆栈中的显示方式。

第三步： 确认列的新顺序后，点击 '保存' 然后 '发布' 您的更改即可实时应用到您的网站。

最后的提示

• 测试您的布局 多种移动屏幕尺寸 为了最好的结果。
  
• 保持 CTA 和关键信息 位于折叠上方，以提高可见度。
  
• 考虑 重复行 如果布局逻辑变得过于复杂，则针对桌面与移动设备。