{"product_id":"2026-06-15","title":"[Horizon] How to display a per-variant inventory table on the product detail page","description":"\u003cp\u003e\u003cspan\u003eIn Shopify you can combine one to three option types (such as size and color) into up to 100 variants per product, but once the combinations grow, checking the stock one by one becomes tedious. Here is how to show a per-variant inventory table on the product page in the \"Horizon\" theme. It also handles irregular variations where not every combination exists.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch3\u003eHow to show a per-variant inventory table on the product detail page in the \"Horizon\" theme (also supports irregular variations)\u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"Result: per-variant inventory table\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2026-06-15_1_en.png?v=1781528646\" class=\"zoomable-image\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e[Setup] Add a Custom Liquid block to the product information section of the product template and paste the code\u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"Setup: add a Custom Liquid block to product information\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2026-06-15_2_en.png?v=1781528646\" class=\"zoomable-image\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003eIn Horizon, the product information section is built from blocks. Open the target product template in the theme editor, choose \"Custom Liquid\" from \"Add block\" inside \"Details\", and paste the code from your purchase. The per-variant stock quantities will then appear as a table.\u003c\/p\u003e\n\u003cp\u003eThis code is almost identical to the Dawn version — the only real change is a single line at the top. Because Horizon references the product via closest.product inside a block, the first line resolves product to closest.product (falling back to the bare product). Everything after that works exactly the same as the Dawn version.\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003eThe Dawn theme version of this TIPS is here: \u003ca href=\"\/en-us\/products\/2023-06-09\"\u003eHow to display a per-variant inventory table on the product detail page (Dawn)\u003c\/a\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":48979655229691,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2026-06-15.jpg?v=1781528686","url":"https:\/\/store-dojo.com\/en-us\/products\/2026-06-15","provider":"STORE DOJO","version":"1.0","type":"link"}