Need help removing the Availability off my products

Topic summary

A user needed to remove the product availability/inventory counter displaying on their store’s product pages. The availability indicator was visible but couldn’t be disabled through the theme editor’s standard options.

Solutions Provided:

Multiple support representatives offered CSS-based fixes:

  • Add custom CSS code to hide the availability element by targeting .single_product__availability p { display: none; }
  • Insert the code snippet in the theme’s theme.liquid file, specifically before the </head> tag
  • Access via: Online Store → Themes → Actions → Edit Code

Resolution:

The issue was successfully resolved using one of the provided CSS solutions. The user confirmed the fix worked and thanked the community. Additional guidance was offered about completing store setup using Shopify’s General Checklist to ensure the shop is ready for customer purchases.

Summarized with AI on November 24. AI used: claude-sonnet-4-5-20250929.

Hi, i really need help on how to remove the Available product of my store,

its not giving me the option to remove the Icon on themes

please help

Hi, @BeeDee !

Thanks for reaching out in our Community forums and for sharing your concern, I’d be happy to help.

I understand that you would like to remove the Availability/Inventory counter on your product page. This is typically hidden via the theme editor. However, it does depend on the theme itself, which is why you may be running into issues. Have you had the chance to review your themes documentation or reach out to the developers regarding this? They should be able to point you in the right direction.

In the meantime, I can definitely take a closer look into this - so kindly share the name of the theme, or provide your URL and we can continue our conversation from there.

Talk soon!

1 Like

https://sdouxmkm3dxqu54x-66972746029.shopifypreview.com

thank you kindly

Hi @BeeDee ,

This is Victor from PageFly - Landing Page Builder App.

You can try this code by following these steps:
Go to Online store => themes => actions => edit code and add this code above file theme.liquid

p.single_product__availability{
display: none;

}

Hope this answer helps.
Best regards,
Victor | PageFly

1 Like

Hello @BeeDee ,

It’s GemPages support team and glad to support you today.

I would like to give you the recommendation to support you so kindly follow the steps below

  1. Go to Online Store > Theme > Edit code of your current theme

  1. Open your theme.liquid theme file

  2. Paste the below code before


For example,

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

1 Like

thank yous all so much, it work :slightly_smiling_face:

1 Like

Hey again, @BeeDee !

I’m happy to hear that your issue has been resolved! Since you’re still setting up your store, The General Checklist is a great tool that will ensure that you have your shop all set up and ready for customers to make purchases on. In other words, having a finished product, that includes having your media, shipping and check out all in working order.

Additionally, I’m always looking to help out merchants with ideas or feedback related to their stores. If you have any other questions, feel free to follow up and let me know!

Hello @BeeDee ,

I am glad that my solution is helpful to you.

Best regards,
GemPages Support Team