我被困在这里。我正在尝试创建代码，该代码将列出该项目的所有可用尺寸，而无需使用下拉菜单。在下面的两个链接中，您将看到我在说什么。任何缺货的商品都显示为灰色，当您单击库存商品时，商品可用性会在您的选择下方以红色显示。
谁能指出我如何完成这项工作的正确方向（也许是教程）？我正在尝试在我的 magento 站点中实现它。我需要使用php还是magento中有一个选项？
鞋类示例： http ://www.karmaloop.com/product/The-AR-20-Sneaker-in-Craft-Blue-Running-White/263936
衬衫示例： http ://www.karmaloop.com/product/The-We-Win-Hoody-in-Black/271919
Magento 中的可配置产品 这将有所帮助！
为了做你想做的事，首先你必须创建可配置的产品（针对每个产品的所有尺寸/选项），以跟踪哪个选项缺货。
我能想到的最简单的方法是创建一个自定义模块并修改 /app/code/core/Mage/Catalog/Block/Product/View/Options/Type/Select.php 以制作无序 HTML 列表，然后使用 css 来设置样式。（您可以使用 javascript 来执行此操作，但您可能会遇到此问题如何停止 Chrome 和 Opera 通过 Index ASC 对 JSON 对象进行排序？）
然后查看 app/code/core/Mage/Catalog/Block/Product/View/Type/Configurable.php 中的 getJsonConfig() 这将生成一个 json 对象，该对象在产品页面上可用，并且应该有哪些产品. 然后你可以使用 javascript/css 来突出显示哪些是有货的。
这是我在http://www.contempospace.com/bedroom-furniture/wardrobe-closets/custom-closet-systems/isa-custom-closet-4-module/isa-closet-system上工作的一个站点的示例-xl-maximize-large-closet-drawers-shelves-hanging.html具有该功能。但正如前人提到的，这是一个很大的要求。我建议找到一个付费/免费模块，然后进行您需要的任何更改。