Title: Auction loading visual
Last modified: April 3, 2018

---

# Auction loading visual

 *  Resolved [Revived](https://wordpress.org/support/users/revived/)
 * (@revived)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/auction-loading-visual/)
 * Wondering if you believe it would be advantageous to have a customizable visual
   that informs users the auction listing are loading? Currently, the area in which
   the listings are to load is collapsed and it takes several seconds before the
   listings are displayed. Thoughts?

Viewing 8 replies - 1 through 8 (of 8 total)

 *  Plugin Author [Joe](https://wordpress.org/support/users/morehawes/)
 * (@morehawes)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/auction-loading-visual/#post-10146346)
 * Hi Revived,
 * This is possible using JavaScript. I have put together a simple example of this
   here (please view source to see the code):
 * [http://www.auctionnudge.com/temp/loading-example.html](http://www.auctionnudge.com/temp/loading-example.html)
 * The relevant JavaScript is:
 *     ```
       <script type="text/javascript">
       var an_container = document.getElementById('auction-nudge-items');
       an_container.innerHTML = '<div id="loading">Loading content here...</div>';
       </script>
       ```
   
 * Auction Nudge should load very quickly on your site, but may be slowed down by
   having to wait for other site assets to load first. I would recommend doing some
   page load optimisations and also enabling the Auction Nudge caching option (Settings
   > Auction Nudge > Use WordPress Cache?) to speed things up.
 * I hope this helps.
 * Joe
 *  Thread Starter [Revived](https://wordpress.org/support/users/revived/)
 * (@revived)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/auction-loading-visual/#post-10147265)
 * Should this js go in the head, after the opening body, or before the closing 
   body?
 *  Plugin Author [Joe](https://wordpress.org/support/users/morehawes/)
 * (@morehawes)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/auction-loading-visual/#post-10147280)
 * I _believe_ it shouldn’t make a difference, as long as it goes before the Auction
   Nudge JavaScript which is just before the closing `</body>` tag.
 * Joe
 *  Thread Starter [Revived](https://wordpress.org/support/users/revived/)
 * (@revived)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/auction-loading-visual/#post-10147295)
 * I have it placed before the closing body and it seems to be working fine.
 * All I’m using is a loading animation (gif). It seems to be vertically aligning
   itself to the middle of the total height of the to be displayed listings. I realize
   this question is probably beyond the scope of your typical support but could 
   you suggest a (I assume css) fix to force that loading image to the top of the
   div? I tried vertical-align: top but that’s not moving it up.
 *  Plugin Author [Joe](https://wordpress.org/support/users/morehawes/)
 * (@morehawes)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/auction-loading-visual/#post-10147304)
 * On second thoughts, it’s probably best to place it somewhere after the `<div 
   id="auction-nudge-items" class="auction-nudge"></div>` but before the Auction
   Nudge `<script>`.
 * The code I provided is just a quick and dirty example. I hope this helps though.
 * Joe
 *  Thread Starter [Revived](https://wordpress.org/support/users/revived/)
 * (@revived)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/auction-loading-visual/#post-10147308)
 * Disregard that css question. The image had a height of 800, that’s why! lol
 * Thanks!
 *  Thread Starter [Revived](https://wordpress.org/support/users/revived/)
 * (@revived)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/auction-loading-visual/#post-10147316)
 * I have it right after the function auction_nudge_loaded() script and before the
   closing body (with nothing else after) and it seems to be working fine.
 *  Plugin Author [Joe](https://wordpress.org/support/users/morehawes/)
 * (@morehawes)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/auction-loading-visual/#post-10147334)
 * > I have it right after the function auction_nudge_loaded() script and before
   > the closing body (with nothing else after) and it seems to be working fine.
 * Great, I’m glad that worked.
 * Joe

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Auction loading visual’ is closed to new replies.

 * ![](https://ps.w.org/auction-nudge/assets/icon-256x256.png?rev=3491962)
 * [Auction Nudge - Your eBay Listings](https://wordpress.org/plugins/auction-nudge/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/auction-nudge/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/auction-nudge/)
 * [Active Topics](https://wordpress.org/support/plugin/auction-nudge/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/auction-nudge/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/auction-nudge/reviews/)

 * 8 replies
 * 2 participants
 * Last reply from: [Joe](https://wordpress.org/support/users/morehawes/)
 * Last activity: [8 years, 2 months ago](https://wordpress.org/support/topic/auction-loading-visual/#post-10147334)
 * Status: resolved