Ajax Warenkorb ohne Weiterleitung auf Warenkorb Seite

[x4all]

Hallo zusammen, gibt es eine Möglichkeit den Warenkorb per Ajax zu aktualisieren so wie das bei der Shopware Demo gemacht wird? hier: http://www.shopwaredemo.de/sale/36/w...e-geschenkset#
Wenn ich euch dort einen Artikel in den Warenkorb legt, wird er gleich aktualisiert und man kann die Produkte darunter im Selectmenü anzeigen lassen.

Hat sowas jemand schon mit Isotope hinbekommen?

LG Jan

[jenda]

Hallo Jan,

hast du schon eine Lösung dafür? Diese würde mich auch sehr interessieren.

Liebe Grüße,
Jan

[Spooky]

Mit dem jQuery Plugin ajaxForm geht das recht einfach:

$('.product form').ajaxForm(); 

Wenn du zB auch ein etwaiges auf der Seite vorhandenes Minicart aktualisieren möchtest, kannst du zB folgendes machen:

$('.product form').ajaxForm({
    success: function()
    {
        $('#minicart').load( $form.attr('action') + ' #minicart > *');
    }
}); 

In diesem Beispiel wird davon ausgegangen, dass das Minicart Modul die ID minicart hat.

[jenda]

Vielen Dank.

Falls man den Dateipfad mit der Custom Elements ausgeben möchte, ist der Code wie folgt


{{file::<?php echo $this->singleSRC ?>}}

Also die Kombination aus dem Inserttag

{{file::*}}

und der eigenen Anweisung für die Datenbankabfrage - in meinem Fall

<?php echo $this->singleSRC ?>

.

[Spooky]

Falscher Thread?

[supahr]

welches minicart modul ist gemeint? wie muss das aussehen?

[claus]

ich glaube damit ist einfach nur ein mini-warenkorb gemeint, den du über die anpassung im template für das modul warenkorb entsprechend gestalten kannst (siehe beitrag)

[haendersonfox]

hallo spooky,

na das ist doch mal ne feine sache!
was ich leider nicht hin bekomme, dass auch der miniwarenkorb nachgeladen wird...
die id habe ich vergeben, es passiert jedoch nix. mit ID ist schon die css-id gemeint, oder?

lg. alex

Mit dem jQuery Plugin ajaxForm geht das recht einfach:

$('.product form').ajaxForm(); 

Wenn du zB auch ein etwaiges auf der Seite vorhandenes Minicart aktualisieren möchtest, kannst du zB folgendes machen:

$('.product form').ajaxForm({
    success: function()
    {
        $('#minicart').load( $form.attr('action') + ' #minicart > *');
    }
}); 

In diesem Beispiel wird davon ausgegangen, dass das Minicart Modul die ID minicart hat.

[markus_ico]

Hallo Spooky,
habe heute dein Script gefunden und gleich mal getestet.
Nach Klick auf den Button "Warenkorb aktualisieren" wird dieser wohl aktualisiert, sehe ich aber erst nach dem ich die Seite händisch neu lade.
Die success Funktion wird nicht aufgerufen und somit der Warenkorb nicht aktualisiert.

$form.ajaxSubmit({ success: function() { updateCart( window.location.href ); } });

Könntest du mir bitte sagen was ich falsch mache?

LG
Markus

P.S. Beim Update Button wird die updateCart Funktion doch aufgerufen. Dies entfernt aber den gesamten Warenkorb
Beim Remove Button wird die updateCart übberhaupt nicht aufgerufen, wenn ich die Seite neu lade ist das Produkt aber entfernt.

[markus_ico]

$(this).getPath() liefert undefined
Muss hier was am Script angepasst werden?