鞋子/衬衫尺码可点击列表而不是下拉菜单答案

【问题标题】：Shoe/Shirt Size clickable list instead of drop down menu鞋子/衬衫尺码可点击列表而不是下拉菜单
【发布时间】：2026-01-08 07:20:03
【问题描述】：

我被困在这里了。我正在尝试创建代码，该代码将列出该项目的所有可用尺寸，而无需使用下拉菜单。在下面的两个链接中，您将看到我在说什么。任何缺货的商品都显示为灰色，当您单击库存商品时，商品可用性会在您的选择下方以红色显示。

谁能指出我如何完成这项工作的正确方向（可能是教程）？我正在尝试在我的 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 了解不多，但它肯定是可行的。您需要在数据库中找到相应的项目，提取它的可用尺寸和这些尺寸的数量，并将该数据循环到一组单选按钮中。因此，解决方案是混合使用 PHP、SQL 查询、JS 和 CSS，以获得该 karmaloop 站点的确切效果。像这样的书可能会有所帮助sitepoint.com/books/phpmysql5
广播 CSS HACK！这就是我愿意去的地方。你可以在这里看到它codepen.io/rlemon/pen/KyDgh 的颜色选项。服务器站点的东西就是你的全部
首先，非常感谢您的回复！我花了几个小时试图在网上研究这个答案，我想我只是不知道如何用几句话正确地描述我正在寻找的东西。感谢您帮助我了解流程并为我指明正确的方向。

标签： php html css magento e-commerce

【解决方案1】：

要做您想做的事，首先您必须创建可配置的产品（针对每个产品的所有尺寸/选项），以跟踪哪个选项缺货。

我能想到的最简单的方法是创建一个自定义模块并修改 /app/code/core/Mage/Catalog/Block/Product/View/Options/Type/Select.php 以制作无序 HTML 列表，然后使用 css风格。（您可以使用 javascript 来执行此操作，但您可能会遇到此问题 How do you stop Chrome and Opera sorting JSON objects by Index ASC?）

然后看一下 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 上使用该功能的一个站点的示例。但正如前人提到的，这是一个很大的要求。我建议找到一个付费/免费模块，然后进行您需要的任何更改。

【讨论】：

感谢您的详细回复！这有助于我弄清楚如何解决这个问题。您是否有兴趣交换联系信息以便我可以问您更多问题？我当然可以提供补偿。
通过 gmail dot com 向我发送电子邮件 rs.nyc101
消息已发送。以防万一它在您的垃圾邮件中丢失，主题行以“Stack Overflow...”开头

【解决方案2】：

Configurable Products in Magento 这会有所帮助！

【讨论】：