Skip to content

布局与空间 (Layout)

布局设置控制着店铺的“骨架”和“呼吸感”。合理的间距设置能显著提升网站的高级感。

进入 Customize (自定义) > Theme settings (主题设置) > Layout

核心参数

1. 页面宽度 (Page width)

控制网站内容区域的最大宽度。

  • 默认值: 1200px (标准电商宽度)。
  • 宽屏模式: 您可以设置为 1400px1600px
    • Synergify 建议: 如果您的图片质量很高,建议使用 1400px,这样在大屏幕显示器上视觉冲击力更强。

2. 网格间距 (Grid spacing)

控制产品卡片、图片之间的水平和垂直间隙。

  • Horizontal space: 卡片之间的左右距离。
  • Vertical space: 卡片之间的上下距离。

3. 板块间距 (Section vertical spacing)

控制每个大板块(如“轮播图”与“产品列表”之间)的垂直距离。

  • 提示: 适当增加间距(如 60px-80px)可以让页面看起来不那么拥挤,更有利于用户浏览。

媒体样式 (Media / Cards)

Theme settings > Media (或某些版本合并在 Layout 中) 可以控制卡片的物理形态。

  • Border (边框): 为产品卡片添加细边框。
  • Shadow (阴影): 添加悬浮阴影效果。
  • Corner radius (圆角):
    • 0px: 直角(硬朗、严谨,适合科技产品)。
    • 8px - 12px: 小圆角(现代、亲和,适合美妆、服饰)。
    • 20px+: 大圆角(可爱、活泼,适合母婴、宠物)。

设计美学

Synergify 默认采用 8px 圆角微弱阴影,这是目前最流行的 Modern Clean 风格,能适配绝大多数行业。

Synergify Theme - Unleash the power of synergy.