Warenkorbfunktion

[bennihaag]

Hallo

hat jemand Erfahrung mit einem Warenkorb in Flash bzw. AS?

Ich weiß, ganze Shops sind aufwendig und nicht ganz leicht. Ich such aber nur eine Funktion, mit der ich Produkte in den Warenkorb legen bzw. dort speichern kann, und dann Gesamtbetrag errechnen, Kundendaten angeben und mailen kann.

Formular für die Kundendaten etc. is kein Problem. Wo ich Hilfe bräuchte, das ist das Problem, wie ich Produkte in den Warenkorb bringen kann.
Zur Verständichkeit: bei mir gehts darum, dass Fotos verkauft werden sollen. Diese Fotos stehen in einzelnen Galerien. Wenn ich dann bei einem Foto auf "kaufen" gehe, soll der Warenkorb erscheinen...

Danke schonmal für eure Hilfe...

[Der Frager]

Hi!
Mal so als Ansatz:

var Waren = [];
for (var x = 1; x<4; x++) {
    this["foto"+x].onRelease = function() {
        Waren.push(this._name);
    };
}
this.WK.onRelease = function() {
    trace(Waren);
}; 

Also quasi beim release den Namen des geklickten Fotos einem Array hinzufügen. Beim Klick auf den Button "WK" Array anzeigen/auswerten - was auch immer. Du könntest dem Foto natürlich auch noch direkt einen Preis mitgeben.
So würde ich's auf jeden Fall machen...

[bennihaag]

danke für deinen Ansatz.

Nur leider bleibt das bei mir nur ein Ansatz, den ich nicht fortführen kann, weil ich paar Dinge net versteh:

Für was steht die Variable "Waren"???
Wo muss dieser Code hin?

Vielleicht kannst du das ja an meinem konkreten Beispiel fortspinnen...:
Was kommt auf den Button "Kaufen"?

Wär super, wenn du das bissl konkretisieren könntest!
Danke schonmal...

[pokepika]

Kaufen-Button mit Instanznamen 'buy_btn'

Aktionscript in der Hauptzeitleiste:

var Warenkorb = new Array();
 
// für jeden Button dann
buy_btn.onRelease = function()
{
Warenkorb.push( 'produktnummer' );
}
 
 
// zum Abrufen des Warenkorbs
trace( Warenkorb.join(',') ); 

[bennihaag]

Danke dir.

Ich hab den Button und den AS-Code auf zwei versch. Ebenen, aber auf dem gleichen Bild.

Wenn ich die Datei im Vorschaumodus öffne, kommt lediglich ein leeres "Ausgabe-Fenster" beim Start der .swf. Mehr tut sich nicht... ???

[Der Frager]

Hallo!
Habe jetzt mal eine Beispieldatei gebaut. Da benutze ich 2 Arrays, eins für die Bilder (Waren) und eins für die Preise (WarenPreise). Könnte man auch in ein 2-dimensionales Array packen oder bei der Auswertung auseinander fummeln, aber ich wollte es möglichst einfach halten.

_global.gesamt = 0;
var Preise = [20, 30, 40, 50];
var Waren = [];
var WarenPreise = [];
for (var x = 1; x<5; x++) {
    this["foto"+x].preis = Preise[x-1];
    this["foto"+x].onRelease = function() {
        Waren.push(this._name);
        WarenPreise.push(this.preis);
    };
}
this.WK.onRelease = function() {
    for (var i = 0; i<Waren.length; i++) {
        trace("Produkt: "+Waren[i]);
        trace("Preis: "+WarenPreise[i]);
        gesamt += WarenPreise[i];
    }
    trace("Gesamtpreis: "+gesamt);
}; 

[bennihaag]

cool, vielen Dank.

was noch problematisch werden könnte:
ich hab 6 Galerien, die ich per LoadMovie in meinen Hauptfilm lade.

Wie kann ich da erreichen, dass sowohl Fotos aus Movie1 als auch z.b. aus Movie 5 zum gleichen Warenkorb dazugezählt werden?
Denn es wär für den Benutzer etwas sehr unlogisch, für jede Galerie einzeln bestellen zu müssen...

Danke nochmal

[Der Frager]

...dann übergib die Werte mit einem _root davor:

_root.Waren.push(this._name);
_root.WarenPreise.push(this.preis); 

Die Preise für die Bilder kommen dann mit in den nachgeladenen Film. Die Arrays definierst du weiterhin im Hauptmovie. Und damit man weiß, woher die Bilder kommen, vielleicht vor die aus "Gallerie 1" G1 aus "Gallerie 2" G2 (also G1_foto1, G2_foto1 usw).
Aber wie schon gesagt, vielleicht geht's auch einfacher/besser. Habe noch nie einen Warenkorb gebaut (bis auf die Beispieldatei ).

[bennihaag]

besser geht´s nicht jedenfalls könnts ich net besser...

Noch ne (hoffentlich) letzte frage:
Wie kann ich dann die einzelnen Fotos (pro Foto eine Zeile) in einer "Tabelle" anzeigen. Also so ähnlich wie in Onlineshops, wo ich in einer Zeile den Namen des Fotos, Menge und Preis habe.
ich muss hier wohl mit einem dynamischen Textfeld arbeiten.
Wie aber genau mach ich das, damit das auch übersichtlich angezeigt wird???

Thx...

[Der Frager]

So, dann mal eine Tabelle. Hab's mit in die alte Version reingesetzt. Ist natürlich, wie immer, nur ein Beispiel. Der MC "TabHolder" enthält dann die Elemente der Tabelle, damit man gegebenfalls noch einen Scroller - oder was weiß ich - einbauen kann...

_global.gesamt = 0;
var Preise = [20, 30, 40, 50];
var Waren = [];
var WarenPreise = [];
for (var x = 1; x<5; x++) {
    this["foto"+x].preis = Preise[x-1];
    this["foto"+x].onRelease = function() {
        Waren.push(this._name);
        WarenPreise.push(this.preis);
    };
}
this.WK.onRelease = function() {
    for (var x in _root) {
        unloadMovie(_root[x]);
    }
    _root.createEmptyMovieClip("TabHolder",1);
    _root.TabHolder.attachMovie("tabelle", "tabelleX", -1)
    for (var i = 0; i<Waren.length; i++) {
        _root.TabHolder.attachMovie("tabelle", "tabelle"+i, i);
        var mc = _root.TabHolder["tabelle"+i];
        mc.prod_txt.text = Waren[i];
        mc.preis_txt.text = WarenPreise[i];
        mc._y = mc._height*(i+1);
        trace("Produkt: "+Waren[i]);
        trace("Preis: "+WarenPreise[i]);
        gesamt += WarenPreise[i];
    }
    _root.TabHolder.attachMovie("tabelle", "tabelle"+i+1, i+1);
        var mc = _root.TabHolder["tabelle"+i+1];
        mc.prod_txt.text = "Gesamt Preis:";
        mc.preis_txt.text = gesamt;
        mc._y = mc._height*(i+1);
}; 

edit: Das zeigt die natürlich stupide die Fotos+Preis an. Wenn jemand zweimal das gleiche Bild bestellt hat und da dann "Menge 2" stehen soll, ist's mit 2 Arrays doch ziemlicher Mist. Ginge zwar, aber dann doch lieber gleich ein 2-dimensonales Array, wo der Preis direkt am Bild "klebt". Vielleicht bekommst du das ja alleine hin. Ansonsten gucke ich morgen nochmal. Ist ja auch für mich ganz interessant, mal einen Warenkorb zu bauen und nicht immer nur MCs von _alpha 0 auf 100 faden zu lassen, oder den 100sten Preloder ins Forum zu posten...

[bennihaag]

Ist ja auch für mich ganz interessant, mal einen Warenkorb zu bauen und nicht immer nur MCs von _alpha 0 auf 100 faden zu lassen, oder den 100sten Preloder ins Forum zu posten...

diese leute bewundere ich sowieso

In Deinem Tatendrang will ich dich ja net stören und stoppen , aber eins will ich noch hinzufügen:
keine ahnung, ob das auch nur mit nem 2-dimensionalem Array geht, aber es müsste doch sicher auch möglich sein, in der Warenkorbansicht die Variable, die die Anzahl ausgibt, in ein Textfeld zu stellen, damit man da auch nochmal an ner Menge von einem Foto schrauben kann!!!???

[Der Frager]

Hallo!
Hier dann man die aktuelle Version. Ich bin zwar immernoch der Meinung, dass das eleganter geht - auf der anderen Seite denke ich aber, hauptsache es klappt. Grafisch ist das keine Meisterleistung, allerdings soll es ja auch nur als Beispiel dienen. Den Rest (Bildchen hinzufügen, abschicken etc.) solltest du aber jetzt schon selber hinbekommen. Sonst will ich Geld von dir

stop();
_root.gesamt = 0;
var Preise = [20, 30, 40, 50];
var Waren = [];
for (var x = 1; x<5; x++) {
    this["foto"+x].preis = Preise[x-1];
    this["foto"+x].onRelease = function() {
        Waren[Waren.length] = [];
        Waren[Waren.length-1][0] = this._name;
        Waren[Waren.length-1][1] = this.preis;
        Waren[Waren.length-1][2] = 1;
    };
}
this.WK.onRelease = function() {
    Waren.sort();
    for (var x = 0; x<Waren.length; x++) {
        var tmp = Waren[x][0];
        tmp == Waren[x+1][0] ? (Waren[x][2] += 1, Waren.splice(x+1, 1), x -= 1) : 0;
    }
    gotoAndStop(2);
    _root.createEmptyMovieClip("TabHolder", 1);
    _root.TabHolder.attachMovie("kopf", "kopf", -1);
    for (var i = 0; i<Waren.length; i++) {
        _root.TabHolder.attachMovie("tabelle", "tabelle"+i, i);
        var mc = _root.TabHolder["tabelle"+i];
        mc.prod_txt.text = Waren[i][0];
        mc.preis_txt.text = Waren[i][1];
        mc.menge_txt.text = Waren[i][2];
        mc.gesamt_txt.text = Waren[i][2]*Waren[i][1];
        _root.gesamt += Waren[i][2]*Waren[i][1];
        mc._y = mc._height*(i+1);
    }
    gesamtPreis();
};
MovieClip.prototype.gesamtPreis = function() {
    _root.TabHolder.attachMovie("total", "total", 1000);
    var mc = _root.TabHolder.total;
    mc.gesamtPreis_txt.text = _root.gesamt;
    mc._y = mc._height*(Waren.length+1);
}; 

Vielleicht erweitere ich das Ding irgendwann mal. Wird sich zeigen...

edit: ...und es hat so harmlos angefangen

var Waren = [];
for (var x = 1; x<4; x++) {
        this["foto"+x].onRelease = function() {
                Waren.push(this._name);
        };
}
this.WK.onRelease = function() {
        trace(Waren);
}; 

[bennihaag]

...und es hat so harmlos angefangen

dafür warst du jetzt mal gefordert!


Ähhm, sag mal, du erstellst ja die Tabelle komplett über AS. Was aber problematisch wird: ich will ja auf die gleichen Seite, auf der der Warenkorb erscheint, noch das Bestellformular (Formular zur Eingabe der Adresse) positionieren bzw. erscheinen lassen.
Is das dann nur über AS zu realisieren, oder gäbs da ne (leichtere) Möglichkeit?

Aber wirklich vielen Dank! Hat mir echt viel geholfen...

[Der Frager]

Zitat von bennihaag

du erstellst ja die Tabelle komplett über AS.

Nö. Eigenlich attache ich nur MCs aus der Bibliothek über AS und weise denen ein paar Variablen zu. Und es ist natülich kein Problem, da noch was Anderes mit auf die Seite zu packen. Habe jetzt im Beispiel mit einem 2. Frame gearbeitet, in diesem kannst du auch noch andere Sachen platzieren. Ob jetzt über AS oder nicht ist egal.

[23012]

Hallo @ Der Frager,
mit grossem Interesse verfolge ich (und sicher noch
ein paar andere) den Thread hier. Bevor ich mich dran
mache und versuche, das nachzubauen (hab kein MX2004),
meine Frage an Dich: wäre das nicht ne feine Sache für
die Tutorials/Stuff-Abteilung, wo Mitglieder fertige flas
zum Lernen für die anderen zur Verfügung stellen?

Sites als fla-Dateien zum Download

Vielleicht gibt es ja noch mehr OpenSource-Anhänger hier?

Gruss
23012