Why Your Shopify Discounts Aren't Showing Everywhere (And How to Fix It)

Hey everyone, your friendly Shopify migration expert here! I was browsing through the community forums recently and stumbled upon a question that pops up more often than you'd think. It's about discounts, specifically when they don't show up consistently across your store.

Our community member, rubi06, asked a really pertinent question: "When i make a discount for a product, the discount shows up on the product page only, and hide on the home page and catalog page, can anyone clarify to me please ?" Another user, Shadab_dev, quickly jumped in to ask for a "reference" – which usually means a screenshot or a link to the store to see the issue in action. And honestly, that's often the best first step!

While the original thread didn't provide a full solution within the replies, it highlights a super common challenge. You've got a fantastic sale running, you've set up your discounts, but when customers browse your home page or collection pages, they don't see those enticing "Sale!" badges or crossed-out original prices. It's frustrating, right? You want to shout about your deals from every digital rooftop!

Why Your Discounts Might Be Hiding

There are a few key reasons why discounts might only show up on the product page and not on collection pages or your homepage. It usually boils down to a combination of how Shopify handles discounts and your theme's design.

1. The "Compare At Price" Field

This is often the biggest culprit! For a product to show a discounted price with the original price crossed out, it needs two things:

• A current price (your sale price).
• A "Compare at price" (your original, higher price).

When you set up an automatic discount through Shopify's Discounts section (e.g., 10% off specific products), it applies the discount to the product's actual price. But it doesn't automatically populate the "Compare at price" field. Your theme typically looks for that "Compare at price" to display the old price next to the new, discounted one.

2. Theme Design & Logic

Many Shopify themes are designed to display the "Compare at price" functionality prominently on product pages, but they might not have the same logic built into their collection page or homepage product sections. This is especially true for older themes or highly customized ones. They might just show the current active price, without indicating it's a sale.

3. Type of Discount

The way you create your discount matters. Shopify has two main types:

• Automatic Discounts: These apply automatically at checkout or in the cart. While they can change the product's displayed price, they don't always trigger the "compare at price" visual on collection pages.
• Discount Codes: These require customers to enter a code. They don't typically affect the displayed product price until applied in the cart.

For displaying sales prices prominently across your store, you're usually looking at using the "Compare at price" field directly.

How to Make Your Discounts Shine Everywhere

So, how do you get those discounts to appear on your home and collection pages, just like rubi06 wanted? Here's the expert breakdown:

Method 1: Manually Using "Compare at Price" (Most Common Fix)

This is the most straightforward way to get that classic "sale" look:

1. Go to your Shopify admin and navigate to Products > All products.
2. Click on the product you want to edit.
3. Scroll down to the Pricing section.
4. In the "Price" field, enter the new, discounted price.
5. In the "Compare at price" field, enter the original, higher price.
6. Click Save.

Pro Tip: If you have many products, this can be tedious. Consider using a CSV import/export to update these fields in bulk!

Method 2: Using a Shopify App for Bulk Edits & Sale Badges

For more advanced control, especially with large catalogs or complex sales, an app is your best friend. Many apps can:

• Bulk edit "Compare at prices."
• Automatically apply sale badges to product images on collection pages.
• Schedule sales to start and end automatically.

Search the Shopify App Store for "bulk price editor" or "sale badges." Apps like "Bulk Product Edit" or "Discount & Sale Scheduler" are popular choices.

Method 3: Theme Customization (If "Compare at Price" Isn't Enough)

If you've set the "Compare at price" and it's still not showing on collection pages, your theme might need a tweak. This is where a developer or a bit of Liquid code knowledge comes in handy.

1. Go to Online Store > Themes.
2. Find your current theme and click Actions > Edit code.
3. You'll typically need to look for files related to product cards or snippets that render products on collection pages (e.g., product-card.liquid, collection-grid-item.liquid, or sections like main-collection-product-grid.liquid).
4. Within these files, you'd look for where the product price is displayed and add logic to check for product.compare_at_price and display it if it exists.

{%- if product.compare_at_price > product.price -%}
  {{ product.price | money }}
  {{ product.compare_at_price | money }}
{%- else -%}
  {{ product.price | money }}
{%- endif -%}

Important: Always back up your theme before making code changes! If you're not comfortable with code, it's best to hire a Shopify Expert.

So, while the original thread on the community forum was short, the question it raised is a big one for many store owners. It's all about making sure your hard work setting up discounts actually pays off by being visible to your customers at every touchpoint. Start with checking your "Compare at price" fields, and if that doesn't do the trick, consider an app or a little theme customization. Happy selling!