Skip to main content

概述

Upcart 的悬浮购物车按钮可以通过自定义 CSS 调整大小和位置。这让你能在桌面端和移动端更好地匹配你商店的品牌风格或用户体验偏好。 根据你想要的控制程度,有两种可用方式。

方式 1:等比缩放(简单设置)

此方法使用单个缩放系数按比例缩小或放大按钮和图标。这是用最少代码调整按钮大小的最简单方式。

在哪里添加

前往 Upcart > Sticky Cart > Custom CSS,并粘贴以下代码。

如何自定义

  • 修改 transform 来调整按钮大小(例如 0.80.61.25 等)

方式 2:按像素精确调整(高级控制)

此方法允许你使用 px 值单独控制每个元素的尺寸。当你需要不依赖缩放的精确调整时,请使用此方法。

如何自定义

  • 调整 :root 中的变量来增大或减小每个元素的尺寸
  • 微调选择器内的 lefttop 值,使图标和角标在视觉上居中

需要帮助?

如果你不确定哪种方法适合你,或需要帮助编写自定义 CSS,我们建议联系 Shopify 专家。Upcart 支持团队不会直接协助 CSS 的实现。 查看 Shopify 专家