The problem:
Products that are not on preorder are incorrectly displaying a preorder badge.
The cause:
This is caused by a pre-order product having a product image whose filename is (usually) a single digit like 3.jpg.
The app’s badge detection algorithm scans for product images and links them to preorder products based on image filenames. If a different product has an image file that contains the same number (e.g., “3”), the algorithm may mistakenly associate the badge with the wrong product.
To resolve this, you’ll need to identify the preorder product with the image filename causing the issue and rename it to something more descriptive.
Steps to Fix the Issue:
Inspect the incorrect badge on the product and find the class name that begins with
preorder-container-****. This contains the product ID of the actual preorder product.
In the browser console, search
pn.cacheto locate the product ID and find the corresponding product “handle” (URL).
Visit the product page of the preorder item, and check its image filenames. Look for a file like
3.jpg.Download the image, rename it with a more descriptive name (e.g.,
product-name.jpg), and re-upload it to the product in Shopify.
