如何自定義Woocommerce購物車加載ajax圖標

Question

更新列表時，Woocommerce購物車頁面中的默認圖標是Wordpress默認加載圖標。 我該如何改變它？

Answer 1

在您的CSS文件中添加以下代碼塊。
只是要記住，自己的自定義，這只是一個演示

.blockUI.blockOverlay, .loader { 
-webkit-opacity: 1 !important; 
-moz-opacity: 1 !important; 
opacity: 1 !important; 
filter: alpha(opacity=100) !important; 
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important; 
background: rgba(255, 255, 255, 0.75) !important; 
} 
.blockUI.blockOverlay:before, .loader:before { 
-moz-animation: none !important; 
-webkit-animation: none !important; 
animation: none !important; 
background: url("../imgs/loading-light.gif") center center !important; 
background-size: 110px !important; 
width: 5em !important; 
height: 1em !important; 
margin-top: -0.5em !important; 
background-repeat: no-repeat !important; 
margin-left: -2.5em !important; 
-webkit-opacity: 1 !important; 
-moz-opacity: 1 !important; 
opacity: 1 !important; 
filter: alpha(opacity=100) !important; 
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important; 
} 

Answer 2

更好的方式來做到這一點是使用掛鉤:)。

關注我的博客文章： http://pccomputer-repair.blogspot.sk/2016/02/how-to-change-woocommerce-default-ajax-loader-icon.html

你也可以改變只在購物車或結賬使用新裝載機等