如何在WooCommerce中添加到購物車按鈕？

Question

我在我的shop中有一個「添加到購物車」按鈕的問題。添加到購物車按鈕是missalligned，並且看起來非常糟糕，所以我想在所有行中。這是從該部分的CSS：

.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在一行中顯示相同的圖像？

Answer 1

你必須對所有的產品包裝盒不同的尺寸， 修復產品的高度變小，

.product-small{ 
    height: 490px; 
} 

按鈕將自動調節即可。

Answer 2

你可以下載這個免費的插件來自動對齊woocommerce添加到購物車按鈕。

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

的代碼也可以在GitHub上。

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

希望這有助於。