布局标签用于设置店铺内容在大屏幕上最宽可以有多宽。它可以防止文字和产品在宽显示器上被拉得太开。
在哪里找到它
打开建站工具,点击齿轮图标,然后打开布局标签。这一部分名为页面布局,只有一个设置:页面宽度。
页面宽度
拖动滑块选择内容的最大宽度,单位为像素。范围是 900 到 1400,每步 100。默认值为 1200。
- 900 或 1000:较窄的页面。每行文字较短,易于阅读。适合产品较少或文字较多的店铺。
- 1100 或 1200:均衡的宽度,适合大多数店铺。
- 1300 或 1400:较宽的页面。在大屏幕上每行可以放更多产品。
建站工具的说明是:设置桌面大屏幕上的最大宽度。在手机屏幕上,宽度始终为 100%。在手机或小屏幕上,无论您在这里选择什么,内容始终使用屏幕的全部宽度。
页面宽度和全宽版块
大多数版块都有自己的宽度设置,提供两个选项:
- 页面:版块内容保持在您在布局标签中设置的页面宽度之内。
- 全宽:版块从屏幕的一边延伸到另一边,忽略页面宽度。
常见的设置是:顶部的主视觉或幻灯片展示使用全宽,下面的版块使用页面宽度,这样图片显得大气,文字也易于阅读。
常见操作
- 店铺在大屏幕上看起来太宽:把页面宽度降到 1100 或 1000。
- 我想在电脑上每行显示更多产品:调大页面宽度,然后检查产品版块中的列数。
- 某个横幅需要贴到屏幕边缘:把该版块的宽度设为全宽。无需更改页面宽度。
- 手机上的布局没有变化:这是正常的。手机始终使用屏幕的全部宽度。
在预览中检查
只有在屏幕比您选择的宽度更宽时,页面宽度才会显现。请在建站工具中使用桌面预览查看区别。请参阅预览模式。
页面宽度不会改变什么
- 列数:每行显示多少个产品或卡片在各个版块中设置,而不是在这里。
- 间距:版块上方和下方的空白是它的内边距,同样在版块中设置。
- 文字大小:在每段文字中设置,而不是在这里。
小贴士
- 页面宽度属于您正在编辑的市场,并应用于该市场的所有页面。
- 您也可以在建站工具中让 AI 来做,例如“把页面宽度设为 1100”。请参阅使用 AI 搭建店铺。
- 改变主意了?在建站工具中撤销更改即可。请参阅快捷键、撤销和重做。
- 点击发布后更改才会上线。