Pre-order product image badge isn’t appearing or it’s appearing in the wrong places

First, ensure that you’ve enabled badges in your pre-order settings. 


If badges are enabled but aren’t appearing, contact support and we’ll be happy to help.

If you have HTML / CSS experience, feel free to try the steps below:

  1. Go to your product page in the Chrome browser
  2. Right click on the image and click Inspect Element
  3. Choose a container element (DIV, A, etc) within whose boundaries the product image badge should appear
  4. Copy its class name or ID pn-image-container.png
  5. In the Default Settings tab of Pre-order Now, scroll down to the Selectors section and paste the class name or ID in to the Product Page Image Container Selector field replacing anything in there already. Remember that in CSS classes start with periods (.) and IDs start with hashes (#). pn-image-container-selector.png
  6. Save your changes
  7. Refresh the product page and ensure the badge is appearing in the right place. If it’s not, contact support and we’ll be happy to help.

Let me know if you need more information.