Pre-Order Not Showing on Storefront
If pre-order badges or buttons are not appearing on your storefront, follow these troubleshooting steps.
Checklist
Section titled “Checklist”1. Is the Offer Active?
Section titled “1. Is the Offer Active?”- Go to Offers and check the offer status
- Status must be Active for badges to appear on the storefront
- Paused, completed, or archived offers do not show badges
Solution: Click on the offer and click Activate or Resume.
2. Is the App Embed Enabled?
Section titled “2. Is the App Embed Enabled?”The Qivra PreOrder app embed must be enabled in your Shopify Theme Editor.
Solution:
- Open Shopify Theme Editor
- Go to App embeds in the sidebar
- Enable Qivra PreOrder
- Save
3. Is the Product Added to the Offer?
Section titled “3. Is the Product Added to the Offer?”- Open the offer and check the Products & Variants section
- Ensure the specific product and variant are included
Solution: Edit the offer and add the missing products.
4. Does the Inventory Mode Match?
Section titled “4. Does the Inventory Mode Match?”Check the offer’s inventory mode:
| Mode | Badge appears when |
|---|---|
| Allow when out of stock | Inventory is 0 or below |
| Allow when in stock | Inventory is above 0 |
| Always | Always |
Solution: Adjust the inventory mode or check the product’s current inventory in Shopify.
5. Has the Offer Expired?
Section titled “5. Has the Offer Expired?”Check the schedule dates:
- If the end date has passed, the offer is automatically completed
- If the start date is in the future, the offer is not yet active
Solution: Update the schedule dates or wait for the start date.
6. Has the Quantity Limit Been Reached?
Section titled “6. Has the Quantity Limit Been Reached?”If you set a campaign total limit, the badge is removed when the limit is reached.
Solution:
- Increase the limit in the offer settings
- Or upgrade to Premium for unlimited orders
7. Is the Product in Another Active Offer?
Section titled “7. Is the Product in Another Active Offer?”A product/variant can only be in one active offer at a time.
Solution: Remove the product from the other offer first, or deactivate the conflicting offer.
8. Is Your Theme Compatible?
Section titled “8. Is Your Theme Compatible?”The app supports most Online Store 2.0 themes. If you use a custom theme, the app may not find the correct selectors.
Solution:
- Check if your theme supports App Blocks
- Go to Offers > Display Settings and verify the storefront integration settings
- Contact support if the issue persists
9. Are the Required Shopify Scopes Granted?
Section titled “9. Are the Required Shopify Scopes Granted?”The app needs certain Shopify API scopes to function. Check the home page for any scope warnings.
Solution: Follow the instructions on the home page to grant the required scopes.
Still Not Working?
Section titled “Still Not Working?”If none of these steps resolve the issue:
- Check the browser console for JavaScript errors on your storefront
- Try disabling and re-enabling the app embed
- Contact support with details about your theme, the offer configuration, and the affected product URL