Fix Shopify Discounts: Not Showing on Homepage/Collections

Hey everyone, your friendly Shopify migration expert at Shopping Cart Mover here! We often see businesses pouring immense effort into crafting compelling discounts, only to find them not displaying as intended across their Shopify stores. It's a common frustration, and one that recently popped up in the Shopify Community forums, perfectly encapsulated by rubi06's 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?"

This isn't just a minor glitch; it's a significant barrier to effective marketing. If your customers can't see your enticing deals on your homepage or collection pages, they're less likely to click through, explore, and ultimately, purchase. You want to shout about your sales from every digital rooftop, not just whisper them on a single product page!

While the original forum thread didn't provide a full solution, 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? Let's dive deep into why this happens and, more importantly, how to fix it.

Shopify admin product pricing section with 'Compare At Price' field highlighted

Why Your Shopify 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 pricing, your theme's design, and sometimes, even app conflicts.

1. The Crucial "Compare At Price" Field

This is often the biggest culprit! For a product to show a discounted price with the original price crossed out (e.g., ~~$50~~ $35), it needs two things:

A current price (your sale price).
A "Compare At Price" (your original, higher price).

Shopify's native functionality relies on the "Compare At Price" field to determine if a product is on sale. If this field is empty, or if the current price is equal to or higher than the compare at price, Shopify doesn't recognize it as a discounted item. Many themes are designed to only display sale indicators (like a "Sale" badge or the crossed-out price) when this condition is met.

How to check and set it:

From your Shopify admin, go to Products.
Click on the product you want to edit.
In the Pricing section, you'll see fields for "Price" and "Compare At Price".
Enter your original price in the "Compare At Price" field and your sale price in the "Price" field.
Repeat for all relevant product variants.

2. Theme Limitations and Customization

Even with the "Compare At Price" correctly set, your theme might not be designed to display sale prices or badges on every page by default. Shopify themes are built with different layouts and functionalities:

Default Theme Behavior: Some themes are minimalist and only show the current price on collection pages, reserving the full price comparison for the product detail page.
Theme Settings: Many modern themes offer customization options within the Theme Editor (Online Store > Themes > Customize). Look for settings related to product cards, collection pages, or featured products on the homepage. You might find toggles to enable or disable sale badges, price comparisons, or secondary images.
Liquid Code Customization: For more advanced display, you might need to dive into your theme's Liquid code. Files like product-card.liquid, collection-grid-item.liquid, or sections related to your homepage featured products often control how product information is rendered. If your theme doesn't include the necessary Liquid logic to check for product.compare_at_price and display it, it won't show up.


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

(This is a simplified example of Liquid code that checks for a sale price.)

3. Discount Apps and Their Settings

If you're using a third-party discount app (e.g., for volume discounts, BOGO offers, or specific sales campaigns), it might be interfering with or overriding your theme's native price display. These apps often have their own settings for how and where discounts are displayed.

App Display Options: Check your discount app's settings thoroughly. It might have options to enable/disable sale badges, price adjustments, or custom text on collection pages, product pages, or the cart.
App Conflicts: Occasionally, two apps (or an app and your theme's native functionality) might conflict, leading to unexpected display issues. Try temporarily disabling one to see if the problem resolves.

4. Caching Issues

While less common for persistent issues, caching can sometimes cause a delay in updated prices or discount displays. This can be browser cache, app cache, or even Shopify's own CDN cache.

Clear Browser Cache: A simple refresh (Ctrl+F5 or Cmd+R) or clearing your browser's cache can sometimes help.
Shopify Admin Refresh: Sometimes, changes take a moment to propagate. Give it a few minutes after saving.

Actionable Steps to Ensure Your Discounts Shine

Don't let hidden discounts cost you sales. Here’s a checklist to troubleshoot and resolve the issue:

Double-Check "Compare At Price" for Every Product/Variant:
- Go to Products > All products.
- Edit each product on sale. For products with variants, ensure each variant has its own "Compare At Price" set correctly.
- Make sure the "Compare At Price" is higher than the "Price".
- Save your changes.
Explore Your Theme Customization Settings:
- Navigate to Online Store > Themes > Customize.
- Browse through sections like "Collection pages," "Product grid," "Featured products" (on the homepage), or "Product card."
- Look for checkboxes or toggles related to "Show sale badge," "Show compare at price," "Show vendor," etc. Enable any relevant options.
- Save and preview your store.
Consult Your Theme's Documentation or Support:
- If you can't find the setting, your theme's documentation is your best friend. Search for "sale price," "discount display," or "collection page."
- Still stuck? Reach out to your theme developer's support team. They know their code best and can guide you.
Review and Configure Discount Apps:
- If using a discount app, go to its settings within your Shopify admin.
- Look for display options, integrations, or potential conflicts. Ensure it's configured to display discounts on all desired pages.
- Test by temporarily disabling the app if you suspect it's the cause.
Consider Professional Customization:
- If your theme doesn't support the desired display out-of-the-box and you're not comfortable with Liquid code, hiring a Shopify expert for a small customization might be worthwhile.

The Importance of Consistent Discount Visibility

In the competitive world of e-commerce, clear and consistent communication of your promotions is paramount. When discounts are prominently displayed across your homepage, collection pages, and product pages, you:

Increase Click-Through Rates: Customers are more likely to click on products they know are on sale.
Boost Conversion Rates: Visible savings encourage purchasing decisions.
Enhance User Experience: Shoppers appreciate transparency and easily finding deals.
Build Trust: Consistent pricing and messaging across your store reinforces professionalism.

Ready to Optimize Your Shopify Store?

Ensuring your discounts are seen by every potential customer is a crucial step in maximizing your sales. While this guide focuses on a common Shopify display issue, optimizing your e-commerce store often involves many intricate details, especially during or after a platform migration.

At Shopping Cart Mover, we specialize in seamless e-commerce migrations and store optimizations. Whether you're moving to Shopify, need help fine-tuning your current setup, or require expert assistance with theme customizations to make your sales shine, our team is here to help. Don't let technical hurdles stand between you and your sales goals!

Shopify Discounts Not Showing on Homepage or Collection Pages? Here's Why & How to Fix It