第25期-如何固定移动端加购按钮 & 隐藏 Buy it now

更新于 Dec 2, 2024

以下内容是很早之前的教程了，目前的版本已经不适用。取而代之的是 Shopify 增强版主题中的悬浮加购功能

固定移动端加购按钮

<style>
    @media screen and (max-width: 450px){
        #id{
        position: fixed;
        bottom: 0px;
        left: 0;
        z-index: 99;
        height: 可选;
        }
    }
</style>

如何实现点击加购按钮之后隐藏

onclick="this.style.display = 'none'"

如何隐藏 Buy it now 按钮

.shopify-payment-button {
  display: none;
}