如何在WooCommerce中添加到购物车按钮？

问题描述：

我在我的shop中有一个“添加到购物车”按钮的问题。添加到购物车按钮是missalligned，并且看起来非常糟糕，所以我想在所有行中。这是从该部分的CSS：如何在WooCommerce中添加到购物车按钮？

.dark .button.is-form:hover,.button:hover,input[type='submit']:hover,input[type='reset']:hover,input[type='button']:hover { 
outline: none; 
opacity: 1; 
color: #000; 
box-shadow: inset 0 0 0 100px rgba(0,0,0,0.2); 
}

如何使添加到购物车按钮alligned在一行中显示相同的图像？

嗨粘贴链接添加到购物车按钮在您的网站上。 –

有我的第一篇文章中的网址。 – DrMTR

答

你必须对所有的产品包装盒不同的尺寸，修复产品的高度变小，

.product-small{ 
    height: 490px; 
}

按钮将自动调节即可。

这并未解决问题。当插入该代码时，我会重叠产品图像，并且添加到购物车按钮不包含在产品图像中。 – DrMTR

答

你可以下载这个免费的插件来自动对齐woocommerce添加到购物车按钮。

https://wordpress.org/plugins/woo-align-buttons/

的代码也可以在GitHub上。

https://github.com/Aquafortis/woo-align-buttons

希望这有助于。

一些额外的信息可能会有用。 – Pyves

如何在WooCommerce中添加到购物车按钮？

相关推荐