.upcart-cart 和 .upcart-cart-body 位于抽屉外壳而非模块上,因此它们在 V2 上仍然适用。针对整个抽屉的布局修复(限制其宽度、阻止水平溢出)在升级后仍然有效。
概览
注意
如何使用 Upcart CSS 选择器
- 隐藏元素或重新设计其样式
- 更改间距、字体或颜色
- 根据商店的品牌形象调整布局
添加 CSS 前须知
CSS 自定义检查清单:
- 在安全环境中测试: 上线前尽可能使用预览或未发布的主题。
- 从小处着手: 一次只做一个更改,这样更容易追踪哪些有效、哪些无效。
- 将样式粘贴到正确的位置: 使用 Upcart Editor > Settings > Custom CSS 字段添加代码。
- 使用检查工具: 在浏览器中右键点击元素并选择 Inspect(检查),以实时查找和测试选择器。
- 避免想当然: 并非所有元素都会出现在所有购物车中——请使用不同的购物车(有/无奖励、upsell 等)进行测试。
CSS 选择器库
常规设置
设计模块
头部模块
主体设置
公告模块
奖励模块
推荐模块
订阅升级模块
Upsell 模块
产品设置
附加项目模块
折扣码模块
节省金额行
快捷支付模块
注意
信任徽章模块
附加备注模块
Upcart 设置模块
骨架选择器
入门实用资源:
- 自定义 CSS 入门: 了解如何在 Upcart 中安全地添加自定义 CSS。
- Upcart 自定义简介: 了解自定义的工作原理以及从何开始。
- 使用 AI 为 Upcart 编写自定义代码: 通过简单的提示词获得编写 CSS 或 JavaScript 的帮助。
- 提升购物车转化率的最佳实践: 使用经过验证的技巧优化你的购物车设计。