Shopify Prices Not Showing? The Hidden Setting That Solved a Store Owner's Headache

Ever log into your Shopify store, do a quick check, and notice something's just... off? Maybe a crucial piece of information is missing, and you can't for the life of you figure out why. That's exactly what happened to psarai44, a store owner in the Shopify Community, when their product prices suddenly vanished from their collection pages and checkout bag.

It's a common, hair-pulling scenario that many of us have faced. You know the price is there in the product settings, it even shows up on the individual product page, but on the main collection grids or when customers go to pay, it's just... gone. psarai44, who uses the Atlantic theme and had some customizations done a while back, brought this exact dilemma to the community forum, and the discussion that followed offers some fantastic insights into debugging these kinds of display issues.

The Initial Search: Theme Code vs. Settings

When prices disappear, our first instinct often jumps to theme code. Did an update break something? Did a past customization go rogue? Community members like Mustafa_Ali and suyash1 immediately asked for the store's URL, which is always the crucial first step in troubleshooting. psarai44 shared mmadeleines.com, and specifically the Dresses collection page, where the prices were conspicuously absent.

Early suggestions often revolved around adding CSS to override potential hidden elements. suyash1 suggested a specific CSS rule:

.money span.hidden:nth-child(1) {
    display: block !important;
    visibility: visible;
}

Mustafa_Ali offered a more general CSS snippet to be placed in the theme.liquid file before the tag:

These CSS solutions are super handy when a theme or an app is intentionally (or unintentionally) hiding elements using a hidden class. They force those elements to display. Ploqo also initially guided psarai44 to check the theme editor's Custom CSS section or the theme.css file for any rules that might be hiding prices. This is a solid approach because custom CSS can override default display settings.

Checking for Hidden CSS Rules:

If you suspect a CSS rule is hiding your prices, here's how Ploqo suggested you check your theme:

1. Go to Online Store > Themes.
2. Click Customize on your active theme.
3. Click the Theme settings gear icon on the left.
4. Open Custom CSS and look for a rule with the word 'price' in it that might be setting display: none; or visibility: hidden;.
5. Delete that rule and Save.

If that box is empty, you might need to dive into the theme files directly. Go to Online Store > Themes, click the three dots next to your theme, and choose Edit code. Open theme.css (or similar CSS file) and search for 'price'.

The 'Aha!' Moment: Currency Formatting Settings

While CSS workarounds can be helpful, Ploqo dug deeper into psarai44's specific store and found the real culprit wasn't a theme code issue at all, but a setting! This is a fantastic reminder that sometimes the simplest solution is hiding in plain sight, not deep within code files. The problem was in the currency formatting settings, where tags were mistakenly added, essentially telling Shopify to hide the price display by default.

Lauren_Scott later confirmed this, emphasizing that Ploqo's currency formatting step was the "real fix" and that CSS rules only force a hidden span to show, rather than removing the underlying cause.

The Step-by-Step Fix:

If your prices are missing, especially on collection pages or in the cart, this is one of the first places to check:

1. Go to your Shopify Admin and click on Settings (bottom left corner).
2. Select General.
3. Under Store defaults, find the Currency display section and click the … (ellipsis) button next to it. Then, choose Change currency formatting.
4. 
5. In both the HTML with currency and HTML without currency fields, carefully delete any instances of and .
6. 
7. After deleting the hidden span tags, your fields should ideally look something like ${{amount}} USD and ${{amount}}. Adjust as needed for your specific currency format.
8. 
9. Click Save.

After following these steps, psarai44 confirmed, "That did the trick! It worked." Just remember, as Lauren_Scott wisely pointed out, to clear your browser cache or open an incognito window for a hard refresh. Sometimes old versions of your site can stubbornly stick around in your browser.

A Lingering Dash and the Bigger Picture

Interestingly, even after the main fix, psarai44 noticed a small dash appearing below the price. This kind of minor formatting quirk can sometimes happen with themes after adjustments, possibly due to leftover spacing or specific theme CSS that expects a certain structure. It's usually a much easier fix than missing prices!

This whole thread is a fantastic illustration of why the Shopify Community is so valuable. What started as a frustrating display issue was quickly diagnosed and solved through collaborative effort, moving from initial code-based suggestions to uncovering a crucial setting. It reminds us that when you're running your own store, it's not always about diving into complex code. Sometimes, the answer is in a setting you might not even realize exists. Whether you're just starting your ecommerce journey or you're a seasoned pro looking for a more robust platform, remember that troubleshooting is part of the game, and resources like the community are golden. If you're considering building your own store, you can start your Shopify store today and tap into this incredible network for support and insights.

The key takeaway here is to systematically check your settings before deep-diving into code. And when in doubt, don't hesitate to ask the community – you're never alone in facing these challenges!