模板、卡片与配色
对应 4 步向导的第 3 步:卡片细节。这一步决定单张酒卡长什么样。
先看「当前模板布局」
这一步顶部有一块只读的信息,告诉你系统实际采用的布局参数,不用猜:
- 页面模板、当前档位(4/6/8/10 卡)、当前卡片数
- 顶部区块开 / 关、底部区块开 / 关
- 网格布局、卡片间距、卡片宽高
- 顶部 / 底部高度
- 商品图模式、标题 / 价格字号
觉得卡片太小或太挤,先看这块——这些值不能直接改,要改就回第 1 步调酒头范围或换模板。
卡片风格
经典文字列表—— 纯文字,信息密度最高左侧海报右侧文字—— 有商品图,适合主推款自定义—— 最通用、也最稳定的一条路径
保存报「产品卡片样式不合法」
把卡片风格显式切到 自定义 再保存。后端对卡片样式有白名单约束,默认值不一定在白名单里。
商品图模式
- 图片尺寸比例:小 / 中 / 大
- 图片展示方式:矩形海报 / 圆形鱼眼 / 圆角海报
商品图来源是产品本身已上传的商品图,这里控制的是怎么展示,不是重新传图。想换图去商品管理改产品图。
圆形鱼眼 适合圆形酒厂 logo、鱼眼标那种素材。方形海报用 矩形海报 或 圆角海报。
卡片内部细节
可调:价格排列、编号样式、文字内容上下对齐、是否显示分割线。
字段配置决定卡片里出现哪些信息:酒名、酒厂、副信息、价格、编号、描述、海报。
卡片背景与配色
- 卡片背景地址 / 上传卡片背景
- 卡片遮罩颜色、卡片遮罩透明度
- 内置配色预设:
海洋蓝、黑金夜场、森林绿 - 单独覆盖:背景色 / 文字色 / 强调色 / 边框色 / 阴影色
这一层是对模板默认样式做覆盖,用来快速做门店品牌风格微调。先套一个预设,再改一两个颜色,比从零调快得多。
页面级显示开关
在页面这一层统一开关字段,每项三个值:跟随默认 / 显示 / 隐藏。
可开关的项:门店 Logo、产品海报图、酒精度 ABV、苦度 IBU、产品描述文本、价格与规格、页面主标题。
两层开关会打架
页面级开关管整页默认显示什么,卡片字段配置管单张卡片里显示什么。最终结果由两层共同决定。
某个字段死活不显示时,两个地方都要查一遍。建议:整页统一的用页面级开关,个别调整才动卡片字段。
调不出效果时的排查顺序
- 右侧预览的状态标签——当前档位、顶部、底部、模板,是不是你以为的那个?
- 是不是先调细节后换模板了? 换模板会覆盖预设值,顺序必须是先选模板再调细节。
- 字段是不是被上层关掉了? 查页面级显示开关。
- 数据本身有没有? ABV、IBU、描述这些字段,如果商品上就没填,开关打开也是空的。
