The problem:
Non-preorder products have a pre-order badge on them.
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 badge algorithm then looks for any product images whose filename contains a "3", assumes it's a product image for that pre-order product and adds a badge on it.
The solution:
Find out what pre-order product has the poorly named product image. You can do this by looking at the "preorder-container-****" class name as it contains the product ID of the pre-order product the badge belongs to.
Once you have the pre-order product's ID, you can find out other info like it's "handle" (product page URL), by looking for the product ID in pn.cache in console.
Once you have the URL to the product page of the pre-order product with the poorly named product image, ask the merchant to rename the product image by downloading the product image to their computer, renaming the image then re-uploading it to Shopify.
Example email template to send to merchant:
Hi there,
Thanks for your patience.
This pre-order product's image's filename is called 3.jpg
https://www.godvana.com/products/new-mask-3
Our app's algorithm looks for images with "3" in the filename, assumes it's an image for this project and applies a badge on it.
That's why we're seeing the badges where they shouldn't be.
This algorithm works well for descriptive image filenames but not so well for a name like 3.jpg.
Can you please rename this product's image to something more descriptive? (e.g., product-name.jpg ?)
That should resolve the issue.
To do this, you may need to download the image to your computer, change it's filename then re-upload it to the product's section in Shopify.
Please let us know if this makes sense / if you need any assistance with this.