跳至正文
帮助
编辑器设计与设置

如何更改店铺的页面宽度?

在建站工具的“布局”标签中设置店铺页面的最大宽度(900 到 1400 像素),了解它在手机和大屏幕上的表现,以及全宽版块如何从屏幕一边延伸到另一边。

阅读时间 3 分钟

布局标签用于设置店铺内容在大屏幕上最宽可以有多宽。它可以防止文字和产品在宽显示器上被拉得太开。

在哪里找到它

打开建站工具,点击齿轮图标,然后打开布局标签。这一部分名为页面布局,只有一个设置:页面宽度。

页面宽度

拖动滑块选择内容的最大宽度,单位为像素。范围是 900 到 1400,每步 100。默认值为 1200。

  • 900 或 1000:较窄的页面。每行文字较短,易于阅读。适合产品较少或文字较多的店铺。
  • 1100 或 1200:均衡的宽度,适合大多数店铺。
  • 1300 或 1400:较宽的页面。在大屏幕上每行可以放更多产品。

建站工具的说明是:设置桌面大屏幕上的最大宽度。在手机屏幕上,宽度始终为 100%。在手机或小屏幕上,无论您在这里选择什么,内容始终使用屏幕的全部宽度。

页面宽度和全宽版块

大多数版块都有自己的宽度设置,提供两个选项:

  • 页面:版块内容保持在您在布局标签中设置的页面宽度之内。
  • 全宽:版块从屏幕的一边延伸到另一边,忽略页面宽度。

常见的设置是:顶部的主视觉或幻灯片展示使用全宽,下面的版块使用页面宽度,这样图片显得大气,文字也易于阅读。

常见操作

  • 店铺在大屏幕上看起来太宽:把页面宽度降到 1100 或 1000。
  • 我想在电脑上每行显示更多产品:调大页面宽度,然后检查产品版块中的列数。
  • 某个横幅需要贴到屏幕边缘:把该版块的宽度设为全宽。无需更改页面宽度。
  • 手机上的布局没有变化:这是正常的。手机始终使用屏幕的全部宽度。

在预览中检查

只有在屏幕比您选择的宽度更宽时,页面宽度才会显现。请在建站工具中使用桌面预览查看区别。请参阅预览模式。

页面宽度不会改变什么

  • 列数:每行显示多少个产品或卡片在各个版块中设置,而不是在这里。
  • 间距:版块上方和下方的空白是它的内边距,同样在版块中设置。
  • 文字大小:在每段文字中设置,而不是在这里。

小贴士

  • 页面宽度属于您正在编辑的市场,并应用于该市场的所有页面。
  • 您也可以在建站工具中让 AI 来做,例如“把页面宽度设为 1100”。请参阅使用 AI 搭建店铺。
  • 改变主意了?在建站工具中撤销更改即可。请参阅快捷键、撤销和重做。
  • 点击发布后更改才会上线。

仍需帮助?

给我们留言,我们会回复你。

联系我们