search
Log In
Welcome to Blogiestools Ask, a blogging community where beginner and professional bloggers come to seek answers from other bloggers’ experiences.

You can ask questions related to starting a blog, monetizing a blog, marketing a blog, managing a blog, fixing a problem, the best web tech tools to use, etc.

Register or log in to ask or answer questions.

Ask a Question

0 votes
I want to modify the WooCommerce checkout loading spinner gif and use my custom icon and text
in WordPress Problems

1 Answer

0 votes

To change WooCommerce checkout loading spinner text and gif with your custom ones then follow the steps below.  

  • Step 1: Upload your custom spinner gif to your images folder using FTP or cPanel 
  • Step 2: Add the code below to the functions.php file in your theme
//add custom WooCommerce checkout spinner button

add_action('wp_head', 'custom_woocommerce_checkout_spinner_blogies', 1000 );
function custom_woocommerce_checkout_spinner_blogies() {
    ?>
    <style>
    .woocommerce .blockUI.blockOverlay:before,
    .woocommerce .loader:before {
        height: 7em;
        width: 7em;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -.5em;
        margin-top: -.5em;
        display: block;
        position: fixed;
        content: "Processing...";
        -webkit-animation: none;
        -moz-animation: none;
        animation: none;
        background-image:url('<?php echo get_stylesheet_directory_uri() . "/images/orangeloader.gif"; ?>') !important;
        background-position: center center;
        background-size: cover;
        line-height: 7;
        text-align: center;
        font-size: 2em;
        color:white;
        background-color: green;
        
    }
    </style>
    <?php
}
  • Step 3: Change images/orangeloader.gif with your gif path or location
  • Step 4: Replace the Word Processing... with your custom Word 
  • Step 5: Save changes

You are done

15.3k points

Related questions

0 votes
1 answer
I need a code to change WooCommerce add cart button text without installing a plugin
asked Nov 8, 2021 in WordPress Problems anonymous
1 vote
1 answer
How I do remove WooCommerce Checkout fields that is billing details and order comments without a plugin.
asked Nov 8, 2021 in WordPress Problems anonymous
1 vote
1 answer
I want to allow guest customers to checkout in WooCommerce with specific email domains. I do not want accounts to be registered during checkout with disposable emails.
asked Nov 8, 2021 in WordPress Problems anonymous
0 votes
1 answer
I have a digital marketplace running on WooCommerce. How do I notify vendors when an admin rejects their submitted product?
asked Nov 8, 2021 in WordPress Problems anonymous
0 votes
1 answer
I need to display a featured image on my WooCommerce product category pages
asked Nov 5, 2021 in WordPress Problems anonymous