Wie implementieren Sie CrateAndBarrel.com wie shopping-cart?

Question

Wir suchen Ansatz Shopping-Cart, die Einkäufen wie CrateAndBarrels

, indem Sie auf den Warenkorb Artikel am unteren Rand der Seite halten zu implementieren hinzufügen können, die

http://www.crateandbarrel.com/family.aspx?c=837&f=28291

Der Besucher sollte die Schaltfläche "+ In den Warenkorb" des Artikels. Aus meiner Sicht ist der untere Einkaufswagen bei CrateAndBarrel in der Tat ein Flash-Objekt. Ich wünschte jedoch, wir könnten einen Weg finden, dies möglichst in Ajax-Form umzusetzen.

Wir sind kein Experte in Web 2.0-Sachen und suchen nach einer Anleitung, um diese Funktion zu implementieren. Unser Berater schlägt vor, dass wir Frame verwenden, um dies zu implementieren.

1. Wenn Sie mich wären, wie würden Sie diese Funktion implementieren?

   • A. Plain WebForms Seite
   • B. Verwendung Rahmen oder IFrame.
   • C. HTML und Flash, wie CrateAndBarrel
   • D. AJAX

2. Einige einfache Erklärung, wie diese Komponenten sollte beachtet werden zusammenarbeiten.

Answer 1

1) Persönlich würde ich Ajax verwenden (und ich bin mir ziemlich sicher, dass CrateandBarrel das tun muss, und Flash nur zum Rendern des Korbs verwendet) - seltsam, obwohl mein Firefox auf dem neuesten Stand ist, kann ich ihre Website nicht benutzen in diesem)

Sie können den Korb mit einem absolut positionierten DIV am unteren Rand des Ansichtsfensters rendern.

Sie könnten einen Rahmen verwenden, aber ich denke, ein absolut positioniertes DIV wäre eine bessere Lösung.

(2) Wie Adam Pope sagt, wenn ein Gegenstand hinzugefügt wird (über Ajax), kann der Korb neu gezeichnet werden (vielleicht ein JSON-Aufruf, um den Korbinhalt zu erhalten?).

Und definitiv ein JavaScript-Framework verwenden.

Bearbeiten: Und denken Sie daran, es für alle, die kein Javascript haben, würde grade verschlechtern!

Answer 2

Ich würde auf jeden Fall mit AJAX gehen. Sehen Sie sich jQuery oder eines der anderen Frameworks an, um den Großteil der Arbeit zu erledigen.

Ich würde eine Methode erstellen, um das untere Panel zu zeichnen. Dies würde dann beim Laden der Seite mit einem asynchronen Aufruf aufgerufen werden, um den Inhalt des Wagens zu erhalten. Wenn der Benutzer einen Artikel zum Einkaufswagen hinzufügt, können Sie entweder die Seite aktualisieren (wodurch das Fenster erneut gezeichnet wird) oder eine Aktualisierungsmethode aufrufen, um den Inhalt des Einkaufswagens neu zu zeichnen.