2012-10-05 26 views
1

我卡在這裏。我正在嘗試創建代碼,該列表將列出該項目的所有可用尺寸,而不使用下拉菜單。在下面的兩個鏈接中,你會看到我在說什麼。任何缺貨商品都會顯示爲灰色,當您點擊庫存商品時,商品可用性會在您選擇的下方顯示爲紅色。鞋/襯衫尺寸可點擊列表,而不是下拉菜單

任何人都可以在正確的方向(也許是教程)指出我如何完成這件事?我試圖在我的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

+1

這是一個很大的要求。你做過任何研究嗎?你有什麼開始?我對Magento瞭解不多,但它確實可行。您需要在數據庫中找到相應的項目,提取它的可用大小和數量,並將這些數據循環到一組單選按鈕中。所以,解決方案是PHP,SQL查詢,JS和CSS的混合,以獲得該karmaloop網站的確切效果。像這樣的書可能有助於http://www.sitepoint.com/books/phpmysql5/ – SeasonEnds

+0

RADIO CSS HACK!那就是我願意去的地方。你可以在http://codepen.io/rlemon/pen/KyDgh看到它的顏色選項。服務器網站的東西都是你 – rlemon

+0

首先,非常感謝你的迴應!我花了幾個小時試圖研究網絡的這個答案,我想我只是不知道如何正確地描述我在尋找什麼,只需幾個字。感謝您幫助我瞭解過程,並指出我朝着正確的方向發展。 – CabralMedia

回答

0

做你想做什麼,首先你必須創建configureable產品(所有單位產品的尺寸/選項)跟蹤哪個選項缺貨。

我能想到的最簡單的方法是創建一個自定義模塊並修改/app/code/core/Mage/Catalog/Block/Product/View/Options/Type/Select.php以使Unordered HTML列表可用CSS風格。 (你可以使用javascript來做到這一點,但你可能會遇到這個問題How do you stop Chrome and Opera sorting JSON objects by Index ASC?

然後看看應用程序/代碼/核心/法師/目錄/塊/產品/視圖/類型/可配置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進行工作的一個站點示例。但正如前面的人提到這是一個很大的要求。我會建議找到一個付費/免費模塊,然後進行所需的任何更改。

+0

謝謝您的詳細回覆!這幫助我瞭解如何解決問題。你有興趣交換聯繫信息,以便我可以問你更多的問題嗎?我當然可以提供賠償。 – CabralMedia

+0

給我發電子郵件rs.nyc101 at gmail dot com –

+0

發送消息。爲了防止垃圾郵件丟失,主題行以「Stack Overflow ...」開始 – CabralMedia