Question

我在这里有一个产品页面：http://www.noliftpalletmover.com/order/

我想始终显示添加到购物车而不是将其显示在悬停状态。我尝试了一些CSS修复，但无济于事。有什么建议吗？

Answer 1

在第6421行的样式表http://www.noliftpalletmover.com/wp-content/themes/konstruct/assets/css/style.css?ver=1.1.1中，添加到购物车按钮（类名.woocommerce .products li .add_to_cart_button, .woocommerce-page .products li .add_to_cart_button）的位置设置为“绝对”。从该类声明中删除“position”，“left”，“right”和“z-index”。并将第6165行的类声明注释为transform: translateY。那应该是你的伎俩。

希望这有帮助。

Answer 2

您可以使用Simple Custom CSS之类的插件将以下CSS添加到您的网站：

.woocommerce .products li .add_to_cart_button, .woocommerce-page .products li .add_to_cart_button {
    position: inherit !important;
    bottom: 0 !important;
    margin-top: 15px !important;
}

如果这回答了您的问题，请将其标记为答案：）

始终在WooCommerce中显示添加到购物车

2 个答案: