在 Shopify 产品页面上显示/隐藏 Afterpay 消息

Question

在 Shopify 产品页面上，我们有两种购买选项（单选按钮）：一次性和订阅。 我们不想为订阅者提供 Afterpay，但我很难找到如何隐藏该消息，因为该小部件是在页面加载时启动的，我以后无法更改它（甚至无法将任何 className 附加到它以供以后操作）。如果有人解决了如何做到这一点，请分享解决方法。

Answer 1

解决了。我创建了一个空的 div，其中包含子 div，并将 Afterpay 小部件附加到其中。现在我可以操作整个 div 并且它可以工作。

Answer 2

我通过将文本的字体大小设置为零来解决这个问题。添加了下面的 CSS。

afterpay-placement { 
  --messaging-font-size: 0px; 
}

希望这有帮助。