Wie man Ausblendung oder Zeitlimit setzt, um Erfolgs- und Warnmeldungen in opencart 2.2 zu alarmieren?

Question

Ich möchte Timeout zu Alarmboxen in Opencart 2.2 setzen. Es sollte nach einigen Sekunden verschwinden. Ich habe versucht, in diesem Code, aber nicht trainieren. Oder ist das möglich, wenn irgendwo auf der Seite geklickt wird, sollte das Popup verschwinden? brauche Hilfe.

+function ($) { 
    'use strict'; 

    // ALERT CLASS DEFINITION 
    // ====================== 

    var dismiss = '[data-dismiss="alert"]' 
    var Alert = function (el) { 
    $(el).on('click', dismiss, this.close) 
    } 

    Alert.VERSION = '3.3.5' 

    Alert.TRANSITION_DURATION = 150 

    Alert.prototype.close = function (e) { 
    var $this = $(this) 
    var selector = $this.attr('data-target') 

    if (!selector) { 
     selector = $this.attr('href') 
     selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7 
    } 

    var $parent = $(selector) 

    if (e) e.preventDefault() 

    if (!$parent.length) { 
     $parent = $this.closest('.alert') 
    } 

    $parent.trigger(e = $.Event('close.bs.alert')) 

    if (e.isDefaultPrevented()) return 

    $parent.removeClass('in') 

    function removeElement() { 
     // detach from parent, fire event then clean up data 
     $parent.detach().trigger('closed.bs.alert').remove() 
    } 

    $.support.transition && $parent.hasClass('fade') ? 
     $parent 
     .one('bsTransitionEnd', removeElement) 
     .emulateTransitionEnd(Alert.TRANSITION_DURATION) : 
     removeElement() 
    } 


    // ALERT PLUGIN DEFINITION 
    // ======================= 

    function Plugin(option) { 
    return this.each(function() { 
     var $this = $(this) 
     var data = $this.data('bs.alert') 

     if (!data) $this.data('bs.alert', (data = new Alert(this))) 
     if (typeof option == 'string') data[option].call($this) 
    }) 
    } 

    var old = $.fn.alert 

    $.fn.alert    = Plugin 
    $.fn.alert.Constructor = Alert 


    // ALERT NO CONFLICT 
    // ================= 

    $.fn.alert.noConflict = function() { 
    $.fn.alert = old 
    return this 
    } 


    // ALERT DATA-API 
    // ============== 

    $(document).on('click.bs.alert.data-api', dismiss, Alert.prototype.close) 

}(jQuery); 

Vielen Dank im Voraus.

Answer 1

alert die Klasse ist, die Anwendungen Opencart während error oder success message anzeigt, gehen Sie zu catalog/view/javascript/common.js,

am Ende der Code hinzufügen

setTimeout(function(){ $('.alert').fadeOut() }, 5000); 

Sie den Zeitparameter auf Ihrer Anforderung basiert ändern können.