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

时间:2012-10-05 17:26:34

标签: php html css magento e-commerce

我被困在这里。我正在尝试创建代码,列出项目的所有可用大小,而不使用下拉列表。在下面的两个链接中,您将看到我在说什么。任何缺货的商品都会显示为灰色,当您点击库存商品时,商品的可用性会在您选择的商品下方显示为红色。

有人能指出我正确的方向(也许是教程)如何完成这项工作?我正试图在我的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

2 个答案:

答案 0 :(得分:0)

要做你想做的事情,首先你必须创建可配置的产品(对于每个产品的所有尺寸/选项)来跟踪哪个选项缺货。

我能想到的最简单的方法是创建一个自定义模块并修改/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上工作的一个网站的示例。但正如之前提到的那样,这是一个很大的要求。我建议找一个付费/免费模块,然后进行所需的任何更改。

答案 1 :(得分:0)

Configurable Products in Magento 这会有所帮助!!