php - 鞋子/衬衫尺寸可点击列表而不是下拉菜单

Question

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

任何人都可以指出正确的方向(也许是教程)如何完成这项工作吗？我正在尝试在我的 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

Answer 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具有该功能。但正如前面提到的那样，这是一个很大的要求。我建议您找到付费/免费模块，然后根据需要进行任何更改。