Remove Inventory Count from Dawn Theme

Technical Q&A
, ,

Topic summary

A user seeks to remove an inventory count display appearing near the buy button on their Dawn theme store (zyafinejewelry.com). The stock level message persists even after attempting to remove related elements through theme customization.

Root Cause Identified:
The display originates from the “Notify! Back in Stock|PreOrder” app, not the theme itself.

Solutions Offered:

  • CSS workaround: Add custom CSS code (product-form .nm-portal { display: none !important; }) through Theme Settings → Custom CSS to hide the element visually
  • Preferred approach: Adjust settings within the “Notify! Back in Stock|PreOrder” app to prevent the message from displaying, rather than hiding it with CSS

Status: The issue appears resolved with both a quick CSS fix and identification of the proper app-level solution for a more permanent fix.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

IMG_8521.jpeg
IMG_8521.jpeg4284×5712 4.97 MB

Hi, I am trying to remove this inventory tracker from the ‘Buy Button’ section of my store.

2

Hey CeeMills, This can be adjusted according, It is a features associated with your theme
Let’s connect to provide solutions

3

Hi @CeeMills . Welcome to the Shopify Community!

Can you please share the website URL? If it’s password-protected, a password would be needed, too. It would be much easier to debug.

4

Hey, I tried to remove it from the buy button when I customize the theme but it only removes the ‘Shop Pay’ button. If I remove the quantity tracker from the product page it does not keep track of my inventory.

5

www.zyafinejewelry.com

6

Hey, can you suggest an app that might’ve been causing this issue for you?

7

This is a stock level message. I’m not sure which app is causing this message to appear. Even when I remove the Shop Pay option it still appears

8

No I don’t :persevering_face:

9

Here’s how to achieve that:

  1. Navigate to Sales Channels → Online Store → “Customize” button → Theme settings (Gear icon on the left sidebar) → Custom CSS
  2. Add the following code:
product-form .nm-portal {
	display: none !important;
}
  1. Save (right top corner)
  2. Hard refresh the storefront

If done correctly, the result should be like this:

Screenshot_3.png
Screenshot_3.png337×722 34.7 KB

1 Like
10

Check settings of the “Notify! Back in Stock|PreOrder” app – this is the app which outputs this data.

Probably would be better not to output this info rather then hide it with CSS.