阿里国际站全屏代码怎么加
国际站说的「全屏」,一般指楼层在浏览器里拉满可视宽度,而不是卡在中间那条内容栏里。传统做法是往「自定义内容」里贴一段 HTML/CSS(或别人给的全屏代码);不想碰代码的话,用雨燕装修大师做通栏楼层更直接。
走官方自定义(有代码基础时):
- 打开装修后台:siteadmin.alibaba.com(菜单名称以当前后台为准)→ 进入要改的页面 → 编辑。
- 左侧找到「图文」一类菜单,拖入「自定义内容」到合适位置。
- 打开该模块,把设计好的全屏结构代码贴进去保存。注意:自定义模块对外链脚本等有限制,乱贴来路不明的 JS 容易失效或违规。
- 预览 PC / 移动端,再发布。全屏样式很容易把旁边楼层「撑乱」,务必整页预览。
用不写代码的方式(雨燕):
- 安装并登录雨燕插件(Chrome 等,见插件安装教程)。
- 在装修页添加「自定义内容」,点开后进入雨燕编辑器。
- 拖入「图片背景容器」等容器组件,背景图按宽屏稿来(PC 常见按 1920 宽设计),属性里「居中」一般保持开启,导出时按宽屏居中布局。
- 需要可点区域就加「热区」,保存模块后回旺铺预览发布。
效果参考可看官网示例:宽屏/全屏代码案例。后台菜单若改版,以你登录后实际看到的「自定义内容」入口为准;卡在预览错位时,优先检查图片是否按通栏宽度切、以及有没有和官方非通栏组件混排冲突。