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

您也可以更改为仅在购物车或结帐等中使用新的装载机