Hide inventory bar (Warehouse)

We recommend people with no technical knowledge reach a Shopify Expert.

If you wish to alter the code of your theme but do not have technical knowledge, we highly discourage you from editing it yourself.

We do not provide any assistance or support for these customizations.

This customization assumes you are using the most recent theme version.

Before making any customizations make a duplicate of your current theme.

To hide the inventory bar on Warehouse you can use a short CSS snippet.

  1. Navigate to your Product Page in the Theme Editor.
  2. In your product section, click to open the Custom CSS block.
  3. Add this to your Custom CSS block:
.inventory-bar {
  display: none;
}