Troubleshoot

This document outlines some common issues and how to solve them when using Reserved Stock Pro for WooCommerce.

Countdown banner not showing

If the countdown banner isn’t displaying correctly on your store, then it could be caused by a CSS conflict. The Reserved Stock countdown should always display as “sticky” and be visable when scrolling the store.

“Sticky” elements can fail if their parent elements are using overflow: hidden. In other words. If the overflow is hidden, then there’s nothing for the countdown to stick to. Therefore we need to find which element on your store has the CSS property of overflow: hidden; In most cases, it could be the body tag.

Try adding this custom CSS to change the overflow of the body tag.

body { overflow: initial; }
Code language: CSS (css)

Inspect your site to ensure the change doesn’t change cause any other issues. The countdown should now display in the browsers view!

If you can’t change the overflow on your theme then have a look at using custom placements for the Reserved Stock countdown with our developer hooks.

The countdown is more or less than my set minutes.

The countdown is displayed in your customer’s browser looks incorrect. The amount of minutes is either too high or too low when it initially begins. The countdown works by counting how my seconds remain until the expiration date. This means the counting gets the current time every second. Creating a countdown in this way is standard practice. Javascript uses the current time of the browser/device.

The incorrect time occurs when the current device has an incorrect time. Your computer’s clock is either ahead or behind the real-time.

You can check your computers time by at https://time.is/

Solution: Set your device time & date settings to automatically synchronize.

Was this page helpful?