If you've encountered an issue with the preorder badge not showing or showing in the wrong place, the first thing to do is to ensure that you've enabled the badge in your preorder settings.
If badges are enabled but still aren't appearing, please contact support and we'll be happy to help.
If you have HTML or CSS experience, feel free to try the steps below:
Go to your product page using the Chrome browser.
Right-click on the product image and select Inspect.
Choose a container element (
DIV,A, etc.) within whose boundaries the product image badge should appear.Copy the class name or ID of that container.
In the Advanced Settings tab, scroll down to the Selectors section.
Paste the class name or ID into the "Product Page Image Container Selector" field, replacing anything currently in that field.
Remember: In CSS, class names start with periods (
.), and IDs start with hashes (#).Refresh your product page and check if the badge appears in the correct location.
If it's still not displaying correctly, contact support and we’ll be happy to assist you further.