July 29, 2021
Use this in your theme’s stylesheet to customize the loading gif shown when Woocommerce Cart, Products, and Checkout are loading.
.woocommerce .blockUI.blockOverlay::before {
height: 350px;
width: 350px;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto!important;
content: "";
-webkit-animation: none;
animation: none;
background: url(img/cart-runner.gif) center center!important;
background-image: url("img/cart-runner.gif")!important;
background-size: contain!important;
line-height: 1;
text-align: center;
font-size: 2em;
color: rgba(0,0,0,.75);
}
Customize the size and file to suit your needs.