如何自定义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

你也可以改变只在购物车或结账使用新装载机等