Support » WooCommerce » Überschreibe Woocommerce Javascript Datei im Child-Theme

Überschreibe Woocommerce Javascript Datei im Child-Theme

  • capconnectelena

    (@capconnectelena)


    vor 3 Jahren, 11 Monaten

    Hallo liebe Community,

    mein Problem besteht darin, dass bei den Woocommerce-Produktbildern im Zoom kein alt-tag hinterlegt ist. Da ich auf diesen nicht verzichten möchte, habe ich einen Weg gefunden diesen im Haupt-Theme einzubauen. Langfristig gesehen würde ich mir dennoch wünschen das dies im Child-Theme passiert und das ganze nicht ständig angepasst werden muss.

    Ich habe schon einige Stunden investiert und nach Lösungen gesucht, leider erfolglos.
    Die Datei die ich Überschreiben möchte ist: woocommerce/assets/js/zoom/jquery.zoom.min.js

    so in die Richtung hätte ich mir die Lösung vorgestellt die leider nicht funktioniert. Wenn mir jemand eine Lösung hätte, wäre ich sehr dankbar!!

    // override Javascript file from Woocommerce
    // enqueue your required script file

    add_action( ‚wp_enqueue_scripts‘, ‚wpshout_dequeue_and_then_enqueue‘, 100 );

    function wpshout_dequeue_and_then_enqueue() {
    // Dequeue (remove) parent theme script
    wp_dequeue_script( ‚jquery.zoom.min‘ );
    wp_dequeue_script( ‚jquery.zoom‘ );

    //Enqueue replacement child theme script
    wp_enqueue_script(
    ‚modified-child-script‘,
    get_stylesheet_directory_uri() . ‚woocommerce/js/jquery.js‘,
    array( ‚jquery‘ )
    );
    }

    Danke für eure Hilfe.

    Liebe Grüße,
    Elena

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 2 Antworten - 1 bis 2 (von insgesamt 2)
  • Moderator Bego Mario Garde

    (@pixolin)

    vor 3 Jahren, 11 Monaten

    mein Problem besteht darin, dass bei den Woocommerce-Produktbildern im Zoom kein alt-tag hinterlegt ist.

    Da gehört meiner Meinung nach auch keines hin. Das alt-Tag soll alternativ Text anzeigen, wenn eine Bilddarstellung generell nicht möglich ist, etwa bei schlechten Datenanbindungen (Smartphone im ländlichen Bereich) oder Verwendung eines Screenreaders. Wie du da eine Zoom-Funktion verwenden möchtest, ist mir nicht ganz klar.

    Da ich auf diesen nicht verzichten möchte, habe ich einen Weg gefunden diesen im Haupt-Theme einzubauen.

    In einem Theme solltest du nie Änderungen vornehmen, weil sie beim nächsten Update überschrieben werden. Verwende ein Child-Theme.

    Langfristig gesehen würde ich mir dennoch wünschen das dies im Child-Theme passiert und das ganze nicht ständig angepasst werden muss.

    Child-Themes sind individuell vom Benutzer angelegte Ergänzungen eines Parent Theme. Der Sinn des Child-Themes ist, dass du das Parent Theme jederzeit aktualisieren kannst, ohne deine Änderungen zu verlieren.

    JavaScript-Dateien, die mit
    wp_enqueue_script( 'name', get_stylesheet_directory_uri() . '/dateiname.js' );
    eingebunden werden, kannst du mit
    wp_dequeue_scipt( 'name' );
    wieder rauswerfen und dann mit 

    add_action( 'wp_enqueue_scripts', 'mein_schoenes_javascript' );
function mein_schoenes_javascript() {
  wp_enqueue_script( 'meins', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );
}

    dein eigenes JavaScript einbinden. Auch wenn ich das aus den genannten Gründen hier nicht für sinnvoll halte. 🙂

    Thread-Starter capconnectelena

    (@capconnectelena)

    vor 3 Jahren, 11 Monaten

    Hallo Bego Mario Garde,

    Danke vielmals für deine Antwort weiß ich sehr zu schätzen, nur leider muss ich gestehen bringt mich die Antwort nicht weiter. Die Art und Weise wie ich ein Haupt und Child-Theme verwende war mir durchaus bewusst und wie man in Theorie das ganze in die functions.php einbindet ist mir, wie in meinem Beispiel zu sehen, auch bewusst gewesen. Nur leider funktioniert das bei mir nicht so wie ich mir das vorgestellt habe. 🙂

    Ich bin mir tatsächlich nicht mal sicher wie die Javascript-Datei eingebunden ist. In der woocommerce/assets/js/zoom/jquery.zoom.min.js kommt das wp_enqueue_script nicht vor und in welcher Datei das sonst noch passieren könnte weiß ich leider nicht. Deswegen war meine große Hoffnung, dass mir jemand Hilfe zum konkreten Beispiel liefern könnte. Ich habe bereits ein Beispiel mit einer Woocommerce Javascript-Datei gefunden, aber selbst das hat umgeschrieben bei mir nicht funktioniert.

    Danke trotzdem für deine Hilfe!

Ansicht von 2 Antworten - 1 bis 2 (von insgesamt 2)
  • Das Thema „Überschreibe Woocommerce Javascript Datei im Child-Theme“ ist für neue Antworten geschlossen.

Themen-Schlagwörter

Ansichten