Skip to main content

​
概述

如果你想更改购物车中特定文本元素（例如 upsell 标题或款式选项）的字体大小，可以使用 Upcart 内置的自定义 CSS 编辑器来实现。

​
步骤 1：检查元素

  1. 打开你的店面并启动 Upcart 抽屉。
  2. 右键点击你想更改字体大小的元素。
  3. 在浏览器的右键菜单中选择 Inspect，打开开发者工具。
  4. 在 HTML 面板中找到该元素的类名。
    示例：upcart-item-option

​
步骤 2：进入自定义 CSS 编辑器

  1. 前往 Shopify Admin > Apps > Upcart
  2. 打开 Cart Editor
  3. 点击 Settings
  4. 找到 Custom CSS 部分

​
步骤 3：编写你的自定义 CSS

在 CSS 输入框中：
  1. 以英文句点（.）开头，后跟类名
  2. 添加 { font-size: 14px !important; }（或你想要的大小）
示例：
💡 注意：.upcart-item-option 是 V1 类名。在 V2 中，对应的行项目款式文本类名为 .upcart-public-component-product-tile__variant。完整的类名集合请参阅 V2 CSS 选择器库。 仅当更改后样式仍被覆盖时才使用 !important。

​
步骤 4：保存并测试

  1. 在 Cart Editor 中点击 Save
  2. 刷新你的店面页面
  3. 打开 cart drawer，确认字体大小已更新
如果文本没有变化，请仔细核对类名，或再次使用浏览器的 Inspect 工具确认你选中的是正确的元素。