Appearance
布局与空间 (Layout)
布局设置控制着店铺的“骨架”和“呼吸感”。合理的间距设置能显著提升网站的高级感。
进入 Customize (自定义) > Theme settings (主题设置) > Layout。
核心参数
1. 页面宽度 (Page width)
控制网站内容区域的最大宽度。
- 默认值:
1200px(标准电商宽度)。 - 宽屏模式: 您可以设置为
1400px或1600px。- Synergify 建议: 如果您的图片质量很高,建议使用
1400px,这样在大屏幕显示器上视觉冲击力更强。
- Synergify 建议: 如果您的图片质量很高,建议使用
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 风格,能适配绝大多数行业。