AI 代码助手使用指南
作为一站式智慧电商伙伴，SHOPLINE 积极拥抱 AI 发展最新趋势，致力于让商家共享 AI 发展成果，新推出 AI 代码助手，助力商家高效定制视觉效果。根据您的需求，AI 代码助手将给出供您直接应用的代码回答，实现自定义店铺前台样式。
如何找到AI代码助手？
当前，AI 代码助手接入主题编辑器中，您可以在 Admin 后台 >【在线商店】>【店铺设计】>【设计】从以下三个入口找到 AI 代码助手：
- 页面标题旁
- 组件标题旁
- 自定义 CSS 配置旁
如何使用AI代码助手？
AI 代码助手接入 DeepSeek-R1 大模型，您先选择需要调整的组件或页面，以对话的形式提出前台样式代码定制问题，AI 代码助手理解问题之后会输出相应的代码，您点击应用后将自动填充「自定义CSS」并呈现预览效果。
| 备注：如您需要去除 AI 代码助手辅助生成的样式效果，在「自定义CSS」删除自动填充的代码即可。 |
使用场景举例
在商品详情页，您想要将商品推荐组件的标题字号调大、靠左分布、颜色调整为粉色，将问题抛给 AI 代码助手后。
AI 代码助手会花费一定时间理解问题和解析店铺源代码，再生成 CSS 代码，您点击应用后就会实现想要的效果。