Neu "in den Warenkorb" Meldung nach 5 Sek. schließen

[Conny]

Hi,

ich habe den Shop5 installiert und möchte jetzt das Template so ändern, dass die Meldung "in den Warenkorb" autom. nach 5 Sekunden sich wieder ausblendet.



Im Shop 4 konnte ich das Modal mit einer ID ansprechen.

/**
 * Blendet die Info "Artikel in den Warenkorb gelegt" ein und aus   productdetails/details.tpl
 */
$(document).ready(function(){
    $('#short_info').modal('show').delay(3000).fadeOut(250, function () { $(this).modal('hide'); });
});

 

[css-umsetzung]

Der 4er Shop hat das normalerweise nicht als Modales Fenster angezeigt, das heißt das du da vorab schon eine Modifikation drin hattest.
Der 5er (das Nova Template) zeigt es "beim Artikel" auch nicht als modales Fenster an.

Dann würde also das hier zum Tragen kommen:

$("#pushed-success").delay(3000).slideUp(function() { $(this).remove(); });

Hast du da aber ein modales Fenster weil das kein Nova oder auch eine Modifikation ist, dann musst du die ID davon wissen, dann geht auch dein Code da oben.

 

[Conny]

Hi,

vielen lieben Dank für die schnelle Antwort.
Ich habe es mal ausprobiert, aber leider ohne Erfolg.
Vielleicht hätte ich noch mal dazu schreiben sollen, dass es bei der Kategorie Anzeige ist und nicht bei der Artikel (Detail) Anzeige.

 

[css-umsetzung]

Ja das wäre eine wichtige Information gewesen aber da das Nova Template das in der Galery Ansicht eigentlich nicht zulässt, bzw. das dann eigentlich nicht so aussehen würde wie gezeigt habe ich das ausser Acht gelassen.
dein erstes Problem ist, das du hier keine eindeutige ID für das Modale Fenster hast, so kannst du es nicht direkt ansprechen, nur .modal reicht nicht weil du da noch den modalen Filter hast, den würdest du dann auch immer automatisch Schließen.

Das hier würde in deinem Fall helfen, aber so richtig überzeugt bin ich davon nicht weil du keinen richtigen trigger hast der dir sagt ja es genau die WK Geschichte.

(function($) {
    $(document).on('ajaxSuccess', function() {
        setTimeout(function() {
        $("#pushed-success").closest(".modal").fadeOut(250, function () { $(this).modal('hide'); });
        },3000);
    });
})(jQuery);

 

[Conny]

You are my hero !

Es hat funktioniert. Ich werde aber trotzdem noch mal schauen ob ich den Buttons noch eine ID zuordnen kann.
Vielen lieben Dank!!