建站工具中间的大区域是您正在编辑页面的实时预览。顶部栏中的按钮可以改变您查看它的方式。
桌面、手机和全屏
视图按钮位于顶部栏的开头:
- 桌面:显示页面在电脑上的样子。
- 手机:以手机宽度显示页面。请经常检查,因为大多数顾客使用手机购物。
- 全屏:隐藏设置面板,让预览占满整个宽度。要退出,请点击桌面或手机,点击左侧边栏中的某个标签,或用检查器选择一个版块。
只有适合当前窗口大小的按钮才会显示。窗口较小时,全屏或桌面可能会消失;如果只能容纳一种视图,按钮会全部隐藏。把窗口拉宽即可让它们重新出现。只要浏览器标签页保持打开,建站工具就会记住您的视图。重新加载后,全屏会以桌面视图打开。
检查器模式
检查器是顶部栏中的光标图标。打开建站工具时它默认是开启的。
- 开启时,把鼠标移到预览上,会给鼠标下方的版块或区块加上轮廓。点击即可选中它,并在面板中打开它的设置,同时它所在的行会在版块标签中展开。
- 开启时,预览不会像真实店铺那样响应:链接、按钮和滑块都不起作用,因为您的点击用于选择。
- 再次点击图标即可关闭。此时预览就像您的店铺一样运作,您可以测试菜单、滑块、购物车抽屉和表单。
AI 助手也可以帮您开启或关闭它。请参阅AI 助手的建站操作。
预览按钮
预览按钮(眼睛图标,位于发布旁边)会在新标签页中打开您当前页面在真实店铺中的样子。
- 它显示的是已发布的版本。未发布的更改只存在于建站工具中,所以请先点击发布。请参阅发布建站工具中的更改。
- 在产品、落地页、合集和政策页面上,它会打开您在建站工具中选择的产品、合集或政策。即使该项目尚未发布也能打开,但只有您自己能看到。
- 它在结账和感谢页面上是隐藏的,因为这些页面需要真实的购物车或订单。
- 如果预览标签页已经打开,请在发布后重新加载,查看新版本。
浅色或深色建站工具
切换主题(月亮图标)会在浅色和深色模式之间切换建站工具本身,不会改变您的店铺。
在手机或平板电脑上
在窄屏幕上,设置面板会覆盖在预览上方。向下拖动其把手可以看到更多预览,向上拖动或点按把手即可重新显示设置。
发布之前
- 切换到手机视图并滚动浏览整个页面。
- 检查每种背景上的文字是否易于阅读。
- 关闭检查器,点击您的按钮和菜单链接,看看它们会跳转到哪里。