Display Inventory Quantity on the Product Page

Topic summary

Core Issue:
Users want to display real-time inventory quantities on Shopify product pages, particularly for products with multiple variants (sizes, colors, etc.).

Proposed Solutions:

  • Basic Implementation: Add Liquid code to product-template.liquid that displays inventory count when Shopify inventory tracking is enabled. Multiple code snippets shared for different themes (Icon, Simple, Minimal, Supply).

  • Variant-Specific Challenge: The basic code doesn’t automatically update quantities when customers switch between variants (e.g., changing from size Small to Medium). This requires custom JavaScript to dynamically refresh the display on dropdown/swatch changes.

Key Limitations:

  • Solutions vary by theme; line numbers and placement differ across Icon, Simple, Minimal, Supply, Venture, Craft, and Spotlight themes.
  • Some users report code not working on specific themes (Venture, Supply).
  • Multi-location inventory display requires additional customization.
  • Newer Shopify themes may not use product-template.liquid, requiring alternative file locations.

Status:
Discussion remains open with ongoing troubleshooting. Several users successfully implemented basic inventory display, but dynamic variant updates and theme-specific compatibility issues persist. Professional developers offer custom JavaScript solutions for advanced functionality.

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

Hi,

I am wanting to show the sizes available on the bottom of the page. Attached is an example of what I am wanting.

Can you please tell me what code to use for this as I am new to it?

I want to show the sizes and available sizes at the bottom of the item so they do not have to click the item to find it, they will already know if their size is available for them.

Thank you so much,

Paige