Neu Modal-Popup für Benachrichtigung "Artikel wieder verfügbar" automatisch öffnen

[adachauer]

Hallo, ich möchte das Modal-Popup für die Anforderung einer Benachrichtigung, sobald der Artikel wieder verfügbar ist, automatisch öffnen, sobald ein nicht verfügbares Produkt aufgerufen wird. Die Darstellung als Popup habe ich bereits durch die Backend-Einstellung aktiviert - wie lässt es sich automatisch anzeigen?

Eine Idee wäre, das ganze über jQuery zu triggern... gibt's bessere Ideen?

 

[martinwolf]

Eine Idee wäre, das ganze über jQuery zu triggern... gibt's bessere Ideen?

Nur so geht es, da das Modal an sich eine JS Funktion im Bootsrap Framework darstellt.

 

[adachauer]

Leider wird beim Pageload die Trigger-Funktion nicht ausgeführt.

$(document).ready(function(){
$('button.notification').trigger('click');
});

Wenn ich '$('button.notification').trigger('click');' in die Entwicklerkonsole eingebe, funktioniert's.

 

[css-umsetzung]

ich sehe da keine Probleme,
würde aber vorsichtshalber einen timeout einbauen, damit du nicht triggerst bevor es als klickbarer Button initialisiert wurde.

um ganz sicher zu gehen kannst du es auch direkt lösen

eModal.alert({
       message: $("#popup" + $('button.notification').attr("id")).html(),
       title: $('button.notification').attr("title"),
       onShown:function () {
           //the modal just copies all the html.. so we got duplicate IDs which confuses recaptcha
           var recaptcha = $('.tmp-modal-content .g-recaptcha');
           if (recaptcha.length === 1) {
               var siteKey = recaptcha.data('sitekey'),
                   newRecaptcha = $('<div />');
               if (typeof  siteKey !== 'undefined') {
                   //create empty recapcha div, give it a unique id and delete the old one
                   newRecaptcha.attr('id', 'popup-recaptcha').addClass('g-recaptcha');
                   recaptcha.replaceWith(newRecaptcha);
                   grecaptcha.render('popup-recaptcha', {
                       'sitekey' : siteKey
                   });
               }
           }
       }
   });

Ich glaube das recaptcha geht dann nicht ich hab das bei mir nicht an, da müsste man nochmal schauen, das ist aber so aus der evo.js heraus geholt.