Neu Automatische Vorauswahl von Variationen

[nostrauss]

Gibt es schon eine Lösung für den JTL- Shop, eine Variante automtisch vorauszuwählen?

Das macht für mich dann Sinn, wenn temporär nur eine Variante verfügbar ist. Es wäre nicht schlecht, wenn dann diese eine Variante schon automtisch vorausgewählt wäre.

 

[JulianG]

Hi @nostrauss

bisher leider noch nicht eingeplant, aber der Wunsch existiert nicht nur bei dir: https://issues.jtl-software.de/issues/SHOP-1476
In den Kommentaren wurde ein Plugin verlinkt, welches ggf. einen Blick wert ist!

 

[tixy]

Hallo Julian G,

schließe mich dem Wunsch an. Habe den Wunsch bereits mehrfach hier im Forum und uralten Threads gefunden. Aber irgendwie schafft er es nie auf die ToDo von Euch. Wäre wirklich toll, wenn da was passiert. Es würde ja schon ausreichen, wenn er erstmal immer z.B. den ersten Artikel (oder gerne dem kleinsten Preis o.ä.) nutzt. Aus Usabilty-Sicht sind die zwei Klicks extrem umständlich gelöst.

Da es sich auch nicht um ein einfaches Dropdown handelt, ist auch das Setzen mit jQuery eine echte Herausforderung. Vielleicht könntet Ihr aus dem JTL-Team einfach für alle wartenden ein Stück jQuery bereitstellen, dass man zunächst händisch in die Artikelbeschreibung betroffener Artikel packt und dass dann eben eine Vorauswahl anklickt. Klappt dann nur mit JavaScript, aber wäre viel Wert.

Wir selbst haben z.B. die fehlenden CTA-Buttons mit jQuery umgesetzt, das klappt auch gut. Aber bei Variationsartikeln hilft es eben nichts, wenn man noch mal auswählen muss. Oder gibt es alternativ die Möglichkeit, einen Artikel (samt Konfigurationsauswahl) über eine URL direkt in den Warenkorb zu legen? Vermute, dass das auch schon vielen helfen würde.

Viele Grüße
Andreas

 

[bags]

Gibt es schon eine Lösung für den JTL- Shop, eine Variante automtisch vorauszuwählen?

Das macht für mich dann Sinn, wenn temporär nur eine Variante verfügbar ist. Es wäre nicht schlecht, wenn dann diese eine Variante schon automtisch vorausgewählt wäre.

Dateien anhängen
=129257&hash=3abe4924c6fb9022f1a9157f761134be']
Der Antrag wird von mir unterstützt Dürfte doch in der Programmierung hoffentlich nicht so schwer sein.

 

[windkup]

Der Issue wurde zu Gunsten hiervon ablehnt: https://issues.jtl-software.de/issues/SHOP-475
Was ich tatsächlich als noch bessere Lösung betrachte. Gerne abstimmen.
Wir testen gerade dieses Plug-in als Zwischenlösung. https://visitmedia.de/shop/Vorauswa...L-Shop-5-Renew-nur-mit-gueltiger-Subscription

 

[Green]

Wir testen gerade dieses Plug-in als Zwischenlösung. https://visitmedia.de/shop/Vorauswa...L-Shop-5-Renew-nur-mit-gueltiger-Subscription

Der Preis von 149€ ist einfach krank! Shopify, Shopware und WooCommerce können das mit den Attributen aus der Wawi ohne Probleme darstellen. Wir warten jetzt schon 4 Jahre auf eine Standard Funktion und es tut sich einfach NICHTS!

 

[Berger_]

Für mich ist diese Funktion auch essentiell, schade, dann muss ich mich wohl weiter nach anderen Shopsystemen umschauen, sowas sollte auf jeden Fall Standardmäßig dabei sein

 

[ecki]

Ich habe eine kleine Funktion. Mit jQuery. Einfach im Child in die custom.js packen.
Es wird für alles das erste Child Element ausgewählt.

(function ($) {
    'use strict';

    $(window).on('load', function () {
        $('.product-offer .variations select').each(function (index, item) {
            if (item.selectedIndex === 0) {
                item.selectedIndex = 1;
                $(item).change();
            }
        });
        if ($('.product-offer .variations .variation input[type="radio"][checked]').length === 0) {
            $('.product-offer .variations .variation:first-child input[type="radio"]').prop('checked', 'checked').change();
        }
    });
})(jQuery);

Vielleicht hilft das jemand.
Gruß

 

[css-umsetzung]

Ich hab da mal was programmiert was rein Template basierend ist und das erste verfügbare Kind nimmt, so das es unabhängig von der Anzahl der Variationen ist.
Aber wenn hier 149,- bereits als "Krank" bezeichnet werden..... Visitmedia hat sich da viel Mühe gegeben damit der bestmögliche Artikel angezeigt werden kann, da sind die 149,- ein Schnäppchen.

 

[Berger_]

Ich habe eine kleine Funktion. Mit jQuery. Einfach im Child in die custom.js packen.
Es wird für alles das erste Child Element ausgewählt.

(function ($) {
    'use strict';

    $(window).on('load', function () {
        $('.product-offer .variations select').each(function (index, item) {
            if (item.selectedIndex === 0) {
                item.selectedIndex = 1;
                $(item).change();
            }
        });
        if ($('.product-offer .variations .variation input[type="radio"][checked]').length === 0) {
            $('.product-offer .variations .variation:first-child input[type="radio"]').prop('checked', 'checked').change();
        }
    });
})(jQuery);

Vielleicht hilft das jemand.
Gruß

passt für mich leider nicht, aber danke dass du es zur Verfügung gestellt hast!

 

[Enes0392]

Hier ein Javascript code, der für Radio Buttons und für Dropdowns funktioniert.
Es wählt immer den ersten Select-Wert jeder Variation auf einer Produktseite. Funktioniert bei mir perfekt und fehlerfrei.

Hier hinzufügen: templates/novachild/js/custom.js

(function ($) {
    'use strict';

    $(document).ready(function () {
        // Für jede Gruppe von Variationen
        $('.variations').each(function () {
            // Finde Dropdowns und wähle das erste gültige Element aus, wenn nichts ausgewählt ist
            var $dropdowns = $(this).find('select');
            $dropdowns.each(function () {
                if (this.selectedIndex === 0) {
                    // Wählt das erste gültige Element aus (nach "Bitte wählen")
                    this.selectedIndex = 1;
                    // Aktualisieren Sie den Selectpicker, nachdem das Element ausgewählt wurde
                    $(this).change();
                }
            });

            // Finde Radio-Buttons und wähle das erste Element aus, wenn nichts ausgewählt ist
            var $radios = $(this).find('input[type=radio]');
            // Gruppierung von Radiobuttons basierend auf dem Namen
            var radioGroups = {};
            $radios.each(function() {
                var name = $(this).attr('name');
                if (!radioGroups[name]) {
                    radioGroups[name] = [];
                }
                radioGroups[name].push($(this));
            });

            // Durchläuft jede Gruppe und wählt das erste Element aus, wenn nichts ausgewählt ist
            for (var groupName in radioGroups) {
                var selected = radioGroups[groupName].some(function($radio) {
                    return $radio.is(':checked');
                });
                if (!selected) {
                    radioGroups[groupName][0].prop('checked', true).trigger('change');
                }
            }
        });
    });
})(jQuery);

 

[STH]

Hier ein Javascript code, der für Radio Buttons und für Dropdowns funktioniert.
Es wählt immer den ersten Select-Wert jeder Variation auf einer Produktseite. Funktioniert bei mir perfekt und fehlerfrei.

Hier hinzufügen: templates/novachild/js/custom.js

(function ($) {
    'use strict';

    $(document).ready(function () {
        // Für jede Gruppe von Variationen
        $('.variations').each(function () {
            // Finde Dropdowns und wähle das erste gültige Element aus, wenn nichts ausgewählt ist
            var $dropdowns = $(this).find('select');
            $dropdowns.each(function () {
                if (this.selectedIndex === 0) {
                    // Wählt das erste gültige Element aus (nach "Bitte wählen")
                    this.selectedIndex = 1;
                    // Aktualisieren Sie den Selectpicker, nachdem das Element ausgewählt wurde
                    $(this).change();
                }
            });

            // Finde Radio-Buttons und wähle das erste Element aus, wenn nichts ausgewählt ist
            var $radios = $(this).find('input[type=radio]');
            // Gruppierung von Radiobuttons basierend auf dem Namen
            var radioGroups = {};
            $radios.each(function() {
                var name = $(this).attr('name');
                if (!radioGroups[name]) {
                    radioGroups[name] = [];
                }
                radioGroups[name].push($(this));
            });

            // Durchläuft jede Gruppe und wählt das erste Element aus, wenn nichts ausgewählt ist
            for (var groupName in radioGroups) {
                var selected = radioGroups[groupName].some(function($radio) {
                    return $radio.is(':checked');
                });
                if (!selected) {
                    radioGroups[groupName][0].prop('checked', true).trigger('change');
                }
            }
        });
    });
})(jQuery);

Vielen Dank dafür - bei 2 oder mehr Variationsmöglichkeiten auf einer Produktseite ist das immer sehr verwirrend, wenn 2 Auswahlen getroffen werden müssen, bevor sich tatsächlich das Bild und/oder Text ändern.
Ich habe deinen Script angepasst und nur Radiobuttons vorauswählen lassen (dank deiner Kommentare im Script sehr einfach). Jetzt passt das perfekt für uns!

 

[madeby]

Gibt es hier eigentlich was neues ? Klappt das in irgendeiner JTL Version ?

 

[martinwolf]

Gibt es hier eigentlich was neues ? Klappt das in irgendeiner JTL Version ?

Es gibt Plugins dafür, mitunter dieses hier: https://www.jtl-software.de/extension-store/vorauswahl-von-variationskombinationen-jtl-shop-5
Einfach mal die Suche im Extensopnstore bemühen.

 

[madeby]

Ich kaufe dafür ganz sicher kein zusätzliches Plugin. Von einem modernen Shopsystem wie JTL erwarte ich ehrlich gesagt, dass solche Funktionen standardmäßig vorhanden sind. Andere Shops bekommen das schließlich auch hin. Zumal das Thema nicht neu ist, sondern seit Jahren immer wieder angefragt wird.

Dann baue ich mir eben eine eigene custom.js. Ich bin nur davon ausgegangen, dass JTL das mittlerweile auch ohne Workarounds sauber gelöst hat.

 

[css-umsetzung]

Woher weiß dein JavaScript dann, welche Kombination verfügbar ist?

 

[madeby]

Mir reicht es, wenn er immer nur die erste nimmt. Es geht mir nicht darum, welche verfügbar ist.