Skip to main content

Enable and Customize Storefront Features

Enable Discount View to show discounted prices, badges, countdowns & volume tables. Customize styles in Widgets.

Max K. avatar
Written by Max K.
Updated this week

Easily display discounted prices, sale badges, countdown timers, and volume discount tables on your storefront using Discount Mixer’s storefront features.

Step 1 — Enable the Discount View Embed

To display discounted prices and badges on your store, you’ll need to enable our Discount view app embed. This is critical to ensure seamless display of all discount-related features across your storefront, preventing potential visibility gaps.

How to find it:

You can access the embed in two ways:

  • Use the direct link available on the Discount Mixer app homepage after creating a campaign.

  • Or manually via Shopify → Online StoreThemesCustomizeApp Embeds (right-hand sidebar) → Search for Discount Mixer or Discount view.

How to enable it:

If you’re using our direct link, the embed should activate automatically. If not, simply toggle it on manually.

What happens after enabling?

Once enabled, all active automatic discount campaigns will automatically display discounted prices and sale badges across your storefront — including product pages, collection pages, and more. However, some themes may not fully support the embed due to missing configurations. Always confirm your theme compatibility to avoid display issues.

You'll also unlock extra features like:

  • Sale badge display on product images

  • Product page countdown timers

  • Volume discount tables on product pages

Step 2 — Customize the Look & Feel

You can customize every element of your storefront features to match your brand.

Go to → CustomizationProduct Discount Appearance to:

  • Adjust colors, fonts, and styles

  • Choose where the sale badge appears (next to price or over product image)

  • Swap price order (discounted price first or original price first)

Customize Volume Discount Tables

For Volume Discount campaigns, enable the volume table display by toggling Show on Product Page in the campaign settings.

By default, it appears above the Add to Cart button on eligible products.

Customize it further via → CustomizationVolume Discount Table
Options include:

  • Different styles & layouts

  • Custom column text

  • Adding a title

Enable & Customize Countdown Timers

Countdown timers display on product pages when:

  • The campaign is scheduled OR

  • The campaign has an end date

Once these are set, enable the countdown within the campaign settings.

Customize it via → Customize Countdown Appearance, This will take you to → CustomizationCountdown Timer where you can style the timer to your liking.

Troubleshooting Discount Visibility Issues

Discount visibility problems can occur due to various reasons. Below are some common scenarios and their fixes:

Sale Badges Not Displaying on All Pages

  1. Theme Configuration: Ensure your theme’s theme.css does not hide elements like sale badges. Add the dmixer-sale-badge class to the CSS exclusion list.

  2. Conflicting Badges: Resolve conflicts by updating CSS to prioritize which badge to display when multiple are applied.

Inconsistent Discounts Across Pages

  1. Multiple Discount Campaigns: Confirm products are only included in the desired campaign to avoid conflicting discounts across pages.

  2. Caching Delays: Check campaign assignments and wait for updates to propagate.

Discount Prices Not Visible on Product Pages

  1. Browser or Session Issues: Clear cookies or use a different browser. Ensure implementation settings are accurate.

FAQs & Need Help

If you run into any issues or have questions, we’re here to help! Below are answers to common questions: Q: Why does a discount appear in the cart but not on the product page? A: Ensure the Discount View app embed is activated. Q: How do I resolve conflicts when both 'new' and 'sale' badges are displayed on the same product? A: Adjust your theme's CSS to prioritize specific badges for better clarity. Q: Can multiple campaigns cause pricing discrepancies? A: Yes. Products assigned to multiple discount campaigns may show inconsistent discounts across different pages. Assign products carefully to avoid this.

→ Reach us via:

  • Support widget: Bottom-right corner of this page or inside the app.

  • Help Center: Accessible within the app.

Did this answer your question?