Unmasking the Mystery: Why Your Shopify Dawn Theme's Compare-at Price Isn't Showing (and How to Fix It)
Hey there, fellow store owners! Navigating the ins and outs of your Shopify store can sometimes feel like a treasure hunt, especially when a crucial feature isn't behaving as expected. Recently, a fascinating discussion popped up in the Shopify community that really highlights a common pitfall with product pricing, specifically the "Compare-at price" not showing up on the popular Dawn theme. As migration experts at Shopping Cart Mover, we see these issues frequently, and understanding the root causes is key to a smooth operation. Let's dive into what happened and how the community pulled together to crack the code.
The Case of the Missing "Compare-at Price" on Dawn Theme
Our friend @Stock-Units kicked off the thread, explaining they were using the Dawn 15.0.2 theme and couldn't get the "Compare-at price" to display. They wanted to show something like €32,500 €36,300, but only the current selling price (€32,500) was appearing. This is a huge deal, right? Shoppers rely on that strikethrough price to quickly see the value of a deal, understand the discount, and feel confident in their purchase. Without it, your sales might be taking an unnecessary hit.
The community quickly jumped in with some excellent diagnostic questions and solutions. It's a classic example of how many heads are better than one when troubleshooting Shopify quirks!
The #1 Reason Your Compare-at Price Isn't Showing: Price Logic
The most crucial insight came from @Ploqo (and backed up by @Bhavesh_Monk). After inspecting Stock-Units' store, they found the core issue: Shopify only displays a "Compare-at price" (the original, strikethrough price) if it is higher than the current selling price.
It sounds obvious, but it's an easy mistake to make! For one of Stock-Units' products, the "Price" was €42.950, but the "Compare-at price" was €42.000. Since €42.000 is lower than €42.950, Shopify's system correctly interpreted this not as a sale, but simply as the product's regular price. The "Compare-at price" field is specifically designed to show a higher previous price, indicating a discount. If the prices are equal or the 'compare-at' is lower, it simply won't display.
How to Fix the Price Logic Issue:
- Individual Products: Navigate to the product in your Shopify admin, locate the "Pricing" section, and ensure the "Compare-at price" is set to a value higher than the "Price" (selling price).
- Bulk Update: If many products are affected, export your products to a CSV file. Open the CSV in a spreadsheet editor, check the "Price" and "Compare-at Price" columns, adjust them as needed, and then re-import the CSV. This is a massive time-saver for larger catalogs.
Beyond Price Logic: Other Potential Culprits
While incorrect price configuration is the most common reason, the community thread also highlighted several other factors that could prevent the "Compare-at price" from displaying. It's important to check these if correcting your pricing doesn't immediately solve the problem.
1. Theme Editor Settings
As @Joshua827 pointed out, sometimes the issue is as simple as a toggle switch. Within the Shopify Theme Editor:
- Navigate to the specific product page template or product card section.
- Look for settings related to "Price" or "Compare-at price" display. It might be toggled off or hidden.
- Ensure that the option to show the "Compare-at price" is enabled for your product sections.
2. Page Builders or Custom Sections
Several experts, including @Zyblue and @Maximus3, quickly identified that the original poster's product display didn't look like a native Dawn theme structure. This is a critical observation:
- If you're using a third-party page builder app (like Ecomposer, as suggested by Maximus3) or have implemented custom code for your product sections, these might be overriding Dawn's native price snippet.
- Custom sections or page builder elements might not be configured to pull and display the "Compare-at price" even if it's correctly set in your Shopify admin.
- Solution: Check the settings within your page builder app or custom code for the specific section rendering your product prices. You might need to adjust its settings or even modify the underlying Liquid code if you're comfortable with development.
3. Customizations or Apps Modifying Pricing
@GabGPT-Labs raised an excellent diagnostic question: "Have you made any changes to the price snippet or installed an app that modifies product pricing before this started happening?"
- Certain apps (e.g., discount apps, subscription apps, currency converters) or manual code customizations can interfere with how prices are rendered.
- Solution: Temporarily disable recently installed apps or revert recent code changes to see if the "Compare-at price" reappears. This helps isolate the conflicting element.
Pro Tip: Isolate the Problem with a Duplicate Theme
@GabGPT-Labs also suggested a "quick way to isolate the problem": testing an affected product on a clean duplicate of your Dawn theme (or the latest version). This is a fantastic troubleshooting strategy:
- In your Shopify admin, go to "Online Store" > "Themes."
- Find your Dawn theme and click "Actions" > "Duplicate."
- Publish the duplicate theme (or preview it) and check if the "Compare-at price" displays correctly for the problematic product.
- If it works on the clean duplicate, you know the issue lies within your live theme's customizations or apps, not the product data itself.
This systematic approach helps narrow down the problem significantly, saving you time and frustration.
Ready to Optimize Your Shopify Store?
Ensuring your "Compare-at price" displays correctly is more than just a technical fix; it's a crucial part of your sales and marketing strategy. It clearly communicates value to your customers, drives conversions, and builds trust. If you're encountering persistent issues or considering a migration to Shopify to leverage its powerful e-commerce features, remember that expert help is available.
At Shopping Cart Mover, we specialize in helping merchants like you navigate the complexities of e-commerce platforms, ensuring your store is optimized for success from pricing displays to full-scale migrations. Don't let small technical glitches hinder your growth!