Troubleshooting Discounts on Product Pages
TO READ THE TROUBLESHOOTING GUIDE FOR THE "DISCOUNTED PRICE" APP BLOCK, CLICK HERE.
We encourage you to use CTRL+F (or Command+F) to search this page.
We strongly encourage you to try all of the steps outlined in this guide.
Skipping steps may mean waiting for a solution from us in cases where your problem could have been resolved immediately.
If you miss a step in the setup, our app will log error messages to the console to let you know what needs to be fixed. Many of these messages include links to the relevant sections in our helpdesk.
If the customer/product is not eligible for discounts, our app will log warnings to the browser console that explain, in plain English, why the discount was not applied.
These are the same explanations you would see in the "Test discounts" page in our app.
Your theme might not be compatible.
Please make sure that you are using an Online Store 2.0 theme, as this is required for app blocks to work.
If you're on an OS 2.0 theme, but still seeing this message, then it's possible your theme doesn't have a single "product" template.
If so, you'll need to manually open the Theme Editor and add our app blocks to the desired template.
You can follow the instructions in this video: https://www.loom.com/share/44c9ccdc6c7c413b9e0e3c11f93ac1b9
To display discounts on product pages, you need to create an automatic product discount.
Order and shipping discounts are not supported on product pages, because they are not applicable to individual products.
Discount codes the customer has to enter at checkout are not supported either, because they are not automatic.
Please verify that you have the "Discounts Embed" turned on in your Theme Editor.
Please verify that you have the "Product Page Discount" app block active in your product template.
Ensure that the "Product" setting of the block is set to the "Product from current page" dynamic source.
If your discount only applies to specific customers, make sure you are logged in, and that your account has any required tags/metafields/etc.
If the product has a "compare at price", follow the instructions in this article to make sure you have the right setup for handling items already on sale in your discount settings.
Your theme might not support using our app on the collection page. Please read this article to learn which options you have to display discounted prices on the collection page.
If your theme is supported (or you have performed custom theme setup correctly), but discounts are still not displaying on the collection page, you may be missing the "Collection" setting.
Please open your theme editor settings, and make sure it is set to the "Collection from current page" dynamic source.
Your discount settings might not have been synced to the "discount on product page" (DOPP) feature. No worries, just click the "Force sync" button in the "Add to theme" page pictured below:
You can also manually sync an individual discount by clicking "Force sync" in the "Display on online store" card on the discount settings page when editing a discount.
If the problem persists, contact us, as there might be an issue in the app.
Please try using the "Delay" option on the "Discounts Embed" app block.
In some themes, the theme code automatically overwrites all HTML in the price container after a new variant is selected. If this happens, it will hide the sale price, and you will be left with just the original price.
The "Delay" option tells our app to wait before updating price elements on the page, so you can use it as a way to make the app wait until after your theme code has done its work. However, the amount of time it takes for your theme to overwrite the HTML in the price container can depend based on your theme, so you might have to experiment with different values to find one that works consistently.
We recommend trying a delay of at least 1.5 seconds.
This could indicate that you have another element somewhere on the page our app is detecting as corresponding to the product in question.
It’s important to know that our app cannot guess what’s on your page. It needs explicit instructions on where to look and what elements to identify for products and prices.
If you do not have a "Unique key" set on your “Collection Page Discount” app block (which can be used to explicitly tell our app which elements correspond with a collection), and there is no known product grid container found (our app looks for certain known product grid elements in given themes), our app will default to searching the entire page.
Additionally, if there are no elements with a data-regios-dopp-generic-product-id attribute (which can be used to explicitly tell the app which elements correspond with a product), the app will default to searching the entire page for an element containing a link with an href starting with /products/[HANDLE OF THE PRODUCT].
So, if you have another element somewhere on the page with the same link, our app may detect this element instead. To fix this, either manually add the HTML attributes, or remove the other element.
For more information about these HTML attributes, please consult these documents:
Custom Theme Setup
Setting Up Multiple Collection Page Discount Blocks Per Page
If you encounter any issues, please report them here:
https://regios-technologies-inc.canny.io/feature-requests/p/show-discounted-prices-on-product-pages
Our support team is available to help you get the app block working in your store.
Click the chat icon button at the bottom right of the page to get in touch with us.
To find your answer as quickly as possible, please include as many details as possible:
What specifically is your problem?
What are you expecting to happen?
Do you have any screenshots or recordings?
We're happy to help!
We encourage you to use CTRL+F (or Command+F) to search this page.
We strongly encourage you to try all of the steps outlined in this guide.
Skipping steps may mean waiting for a solution from us in cases where your problem could have been resolved immediately.
First - Check The Developer Tools Console
If you miss a step in the setup, our app will log error messages to the console to let you know what needs to be fixed. Many of these messages include links to the relevant sections in our helpdesk.
If the customer/product is not eligible for discounts, our app will log warnings to the browser console that explain, in plain English, why the discount was not applied.
These are the same explanations you would see in the "Test discounts" page in our app.
"There is a problem with the app block"
Your theme might not be compatible.
Please make sure that you are using an Online Store 2.0 theme, as this is required for app blocks to work.
If you're on an OS 2.0 theme, but still seeing this message, then it's possible your theme doesn't have a single "product" template.
If so, you'll need to manually open the Theme Editor and add our app blocks to the desired template.
You can follow the instructions in this video: https://www.loom.com/share/44c9ccdc6c7c413b9e0e3c11f93ac1b9
I am not seeing discounts on product pages
To display discounts on product pages, you need to create an automatic product discount.
Order and shipping discounts are not supported on product pages, because they are not applicable to individual products.
Discount codes the customer has to enter at checkout are not supported either, because they are not automatic.
Please verify that you have the "Discounts Embed" turned on in your Theme Editor.
Please verify that you have the "Product Page Discount" app block active in your product template.
Ensure that the "Product" setting of the block is set to the "Product from current page" dynamic source.
If your discount only applies to specific customers, make sure you are logged in, and that your account has any required tags/metafields/etc.
If the product has a "compare at price", follow the instructions in this article to make sure you have the right setup for handling items already on sale in your discount settings.
I am not seeing discounts on collection pages
Your theme might not support using our app on the collection page. Please read this article to learn which options you have to display discounted prices on the collection page.
If your theme is supported (or you have performed custom theme setup correctly), but discounts are still not displaying on the collection page, you may be missing the "Collection" setting.
Please open your theme editor settings, and make sure it is set to the "Collection from current page" dynamic source.
The wrong discount is applying on my site
Your discount settings might not have been synced to the "discount on product page" (DOPP) feature. No worries, just click the "Force sync" button in the "Add to theme" page pictured below:
You can also manually sync an individual discount by clicking "Force sync" in the "Display on online store" card on the discount settings page when editing a discount.
If the problem persists, contact us, as there might be an issue in the app.
When a customer selects a different variant, the sale price disappears, and only the strikethrough price is left
Please try using the "Delay" option on the "Discounts Embed" app block.
In some themes, the theme code automatically overwrites all HTML in the price container after a new variant is selected. If this happens, it will hide the sale price, and you will be left with just the original price.
The "Delay" option tells our app to wait before updating price elements on the page, so you can use it as a way to make the app wait until after your theme code has done its work. However, the amount of time it takes for your theme to overwrite the HTML in the price container can depend based on your theme, so you might have to experiment with different values to find one that works consistently.
We recommend trying a delay of at least 1.5 seconds.
Only certain products are missing discounts within a collection grid
This could indicate that you have another element somewhere on the page our app is detecting as corresponding to the product in question.
It’s important to know that our app cannot guess what’s on your page. It needs explicit instructions on where to look and what elements to identify for products and prices.
If you do not have a "Unique key" set on your “Collection Page Discount” app block (which can be used to explicitly tell our app which elements correspond with a collection), and there is no known product grid container found (our app looks for certain known product grid elements in given themes), our app will default to searching the entire page.
Additionally, if there are no elements with a data-regios-dopp-generic-product-id attribute (which can be used to explicitly tell the app which elements correspond with a product), the app will default to searching the entire page for an element containing a link with an href starting with /products/[HANDLE OF THE PRODUCT].
So, if you have another element somewhere on the page with the same link, our app may detect this element instead. To fix this, either manually add the HTML attributes, or remove the other element.
For more information about these HTML attributes, please consult these documents:
Custom Theme Setup
Setting Up Multiple Collection Page Discount Blocks Per Page
I still need help!
If you encounter any issues, please report them here:
https://regios-technologies-inc.canny.io/feature-requests/p/show-discounted-prices-on-product-pages
Our support team is available to help you get the app block working in your store.
Click the chat icon button at the bottom right of the page to get in touch with us.
To find your answer as quickly as possible, please include as many details as possible:
What specifically is your problem?
What are you expecting to happen?
Do you have any screenshots or recordings?
We're happy to help!
Updated on: 03/11/2024
Thank you!