WooCommerce: trigger-Ereignis nach dem ändern der variation

Wir die Verwendung Woocommerce zu verkaufen colorboxes.
Meistens sind die variable-Produkt gewählt.

Haben wir einen modalen dialog mit einer Farbpalette, wo die Kunden können wählen Sie eine Farbe aus.
Dies ist neben den Allgemeinen dropdown-Menü woocommerce.

Problem ist, wenn ich den pass rechts SlugValue auf den dropdown (nach es wird gewählt von der palette), dann wird der Wert in der dropdown-korrekt ist, aber die Veranstaltung, die gestartet werden müssen, um zu veröffentlichen, der Preis doens nicht funktioniert.

Ich habe bereits versucht, das Feuer die onchange - Ereignis der dropdown-Liste auswählen, aber nichts passiert.

Kann mir jemand sagen, welches Ereignis ausgelöst werden muß, und wie?

aprece jede Hilfe!!!

InformationsquelleAutor MJay | 2014-06-18

  1. 76

    In den Fall, dass jemand stolpert, über dieses in der Zukunft:
    WooCommerce bietet, löst in der gesamten add-to-cart-variation.js das können Sie Haken in den change-Ereignissen für die website. Du findest Sie alle in dieser Datei, sondern eine, die wahrscheinlich helfen die meisten in diesem Fall können als solche verwendet werden

    $( ".variations_form" ).on( "woocommerce_variation_select_change", function () {
    //Fires whenever variation selects are changed
} );

$( ".single_variation_wrap" ).on( "show_variation", function ( event, variation ) {
    //Fired when the user selects all the required dropdowns /attributes
    //and a final variation is selected /shown
} );

    Denen die trigger, die Sie wollen, um hook in das erste argument innerhalb .on(). Hier ein paar unten, um Sie zu erhalten begann:

    woocommerce_variation_select_change Feuert, wenn die select geändert wird.

    show_variation ausgelöst wird, wenn es findet eine variation, und wird eigentlich passieren Sie das variation-Objekt, das gefunden wird, so erhalten Sie direkten Zugriff auf den Preis, ohne zu filtern, durch die wählt manuell.

    Können Sie sichten und zu finden, der rest hier.

    Ich kann absolut nicht bekommen, das 2. Ereignis Feuer für Produkte mit einem einzigen variation. Das erste läuft gut, obwohl.
    Hallo, sorry, zu "re-open", aber ich habe Probleme beim hören der ersten Veranstaltung. Setup: es ist ein <select> mit all den verfügbaren Optionen innerhalb. Woocommerce ist js geht dann durch die Optionen, und entfernt die nicht verfügbaren Optionen. Ich brauche zu hören, dass Ereignis, das Auftritt, beim laden der Seite. Das ist, weil ich bin customizing wählen Sie mit select2.js daher brauche ich zu instanziieren select2 nachdem Woocommerce hat beseitigt alle nicht verfügbar <option>en. Irgendwelche Tipps? Ich habe versucht, so ziemlich jeden Fall fand ich in Woocommerce ist JS.
    Ich würde Haken in die wc_variation_form Ereignis und versuchen, Ihre select2-setup gibt. Das sollte stellen Sie sicher, dass es initialisiert und bereit zu gehen. Ich bin mir nicht sicher, ob select2 weiterhin lieber das original wählen, um zu sehen, ob änderungen vorgenommen wurden oder nicht, so dass Sie könnte brauchen, um Haken in woocommerce_update_variation_values Feuer und etwas, das update diese Werte, wenn Sie nicht automatisch.
    Schöne Lösung, war nicht in der Lage zu finden, diese Lösung von Stunden.
    Weisen in die richtige Richtung, aber nicht eine direkte Lösung auf die gestellte Frage. Dieser code sagt, welche Ereignisse ausgelöst werden, die auf manuelle Einstellung, aber nicht, wie das Feuer Sie.

    InformationsquelleAutor Logan

  2. 2

    Dieser code führt die genaue Funktionalität verlangt die erste Frage:

    $('#WC_variation_drop_down_ID').trigger('change');

    Ändern "#WC_variation_drop_down_ID', um die tatsächliche ID des Feldes, das Sie ändern Sie mit jQuery.

    Hier ist eine komplette Lösung, die das Feld als auch die Auslösung der WooCommerce variation Selektion (basierend auf array der radio-button-Klassen):

    var fields = ['.gchoice_4_11_0', '.gchoice_4_11_1', '.gchoice_4_4_0', '.gchoice_4_4_1'];
for ( var i = fields.length; i--; ) {
    $('#gravity_form_wrapper_ID').on('click', fields[i], function() {
        $('#WC_variation_drop_down_ID').val( $(this).children('input').val() ).trigger('change');
    });
}

    Lösung inspiriert durch diesen Beitrag auf Einstellung WooCommerce Variation Felder.

    InformationsquelleAutor Adal

Schreibe einen Kommentar