Neu Automatische Vorauswahl von Variationen

tixy

Neues Mitglied
3. Juni 2020
1
0
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

Aktives Mitglied
28. Januar 2014
56
6
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.
 

Green

Gut bekanntes Mitglied
11. August 2015
157
7
Köln
  • Gefällt mir
Reaktionen: Berger_ und ecki

Berger_

Gut bekanntes Mitglied
1. Februar 2023
122
21
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

Aktives Mitglied
17. August 2022
67
10
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.


JavaScript:
(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ß
 
  • Gefällt mir
Reaktionen: Berger_

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
7.503
2.074
Berlin
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.
 
  • Gefällt mir
Reaktionen: ecki

Berger_

Gut bekanntes Mitglied
1. Februar 2023
122
21
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.


JavaScript:
(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!
 
  • Gefällt mir
Reaktionen: ecki

Enes0392

Aktives Mitglied
9. Dezember 2020
7
4
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

JavaScript:
(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);
 
  • Gefällt mir
Reaktionen: no80 und STH

STH

Gut bekanntes Mitglied
23. Dezember 2020
180
21
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

JavaScript:
(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!
 
  • Gefällt mir
Reaktionen: ecki
Ähnliche Themen
Titel Forum Antworten Datum
Automatische Lagerbuchung mit verschiedenen Barcodes für ein und dasselbe Produkt JTL-Wawi 1.9 1
Neu Automatische Zuweisung von Zahlungen via Sofortüberweisung Classic anhand sofort_transaction_id JTL-Wawi - Ideen, Lob und Kritik 1
Neu Automatische Rückerstattungen bei Amazon Retouren? Amazon-Anbindung - Fehler und Bugs 4
Neu Amazon: Automatische Umstellung von FBA auf FBM möglich? Amazon-Anbindung - Fehler und Bugs 3
In Diskussion JTL Wawi Workflow: Automatische Etikettenerstellung und E-Mail-Versand JTL-Workflows - Ideen, Lob und Kritik 10
Neu Automatische Übersetzungen JTL Shop Plugins für JTL-Shop 1
Automatische Preiskalkulation anhand Basispreis abhängig an Kundengruppe JTL-Wawi 1.9 2
Automatische URL-Pfad-Generierung entsprechend Kategoriepfad JTL-Wawi 1.7 0
Neu Umstellung von Stapelversand auf Einzelversand – was wird benötigt? User helfen Usern - Fragen zu JTL-Wawi 1
Neu Löschen von Merkmalen Betrieb / Pflege von JTL-Shop 3
Neu Übermittlung von Transparency-Seriennummern an Amazon mit JTL-Wawi Amazon-Anbindung - Ideen, Lob und Kritik 0
Neu Ameise: Import von Artikelmerkmalen JTL-Ameise - Ideen, Lob und Kritik 4
Neu Wechsel von JTL Shop 5 zu Shopware 6 – Wer hat Erfahrung mit kompletter Datenmigration (Kundenlogins, Bestellungen, Gutscheine etc.)? Shopware-Connector 3
Neu Uncaught TypeError nach Update von 5.1.5 auf 5.41 Installation / Updates von JTL-Shop 2
Neu Export von Artikelnummern, in denen ein Artikel als Komponente enthalten ist mittels JTL-Ameise Arbeitsabläufe in JTL-Wawi 2
Bearbeitungsdauer von Aufträgen JTL-Wawi 1.9 0
Letzte Lieferung von Lieferadressen für Außendienstmitarbeiter JTL-Wawi 1.9 1
Ameise Texte übernehmen von JTL-Wawi 1.9 1
Neu Erstellung von Druckdokumenten DE / EN Starten mit JTL: Projektabwicklung & Migration 2
Neu JTL-Ameise-Auftragsimport; Auswertungen von importierten Daten JTL-Ameise - Fehler und Bugs 5
Neu SHOP 5.4.1: Absturz beim Ändern von Mengen im Warenkorb, wenn Menge > Bestand JTL-Shop - Fehler und Bugs 1
Keine Preise bei Import von Aufträgen JTL-Wawi 1.9 5
Neu Bedienbarkeit von JTL-Wawi per Screenreader NVDA/JAWS JTL-Wawi - Ideen, Lob und Kritik 1
Neu Benutzer Rechte - Versand Mitarbeiter soll Menge von Freipositionen mit der Lieferscheinerstellung ändern dürfen Arbeitsabläufe in JTL-Wawi 4
In Diskussion assign klappt nicht - update von MwSt auf Versandkosten JTL-Workflows - Ideen, Lob und Kritik 6
Neu Fehlende Nachkommastellen verhindern Auslieferung von Aufträgen User helfen Usern - Fragen zu JTL-Wawi 4
Verkaufte Artikel von eBay werden in wawi nicht angezeigt . JTL-Wawi 1.9 0
Neu Anzeige von Chargen-Nummern und MHDs der Komponenten von Stücklistenartikeln auf dem Lieferschein User helfen Usern - Fragen zu JTL-Wawi 1
Neu Footer von PDF-Block überdeckt Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 5
Neu Einrichtung von Versandarten in JTL-Shop und Verknüpfung mit JTL-Wawi Installation / Updates von JTL-Shop 12
Neu Wie Auftragsstatus ändern von "ohne Versand abgeschlossen" auf "Abgeschlossen"? Arbeitsabläufe in JTL-Wawi 4
Neu Dynamische Höhe von Textelementen beim Erstellen eines Produktdatenblatts über Artikeletiketten Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 6
Neu RETURN_ID Daten von eBay auf Rechnungskorrekturen hinterlegen Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Aufträge von ebay.co.uk haben falsche Steuern JTL-Wawi 1.8 5
Neu Kupons in Abhängigkeit von anderer Warengruppe oder Kategorie Allgemeine Fragen zu JTL-Shop 0
Neu Shop 5.4.0, Seiten werden nicht indexiert von Google, keine Ahnung warum :-( Betrieb / Pflege von JTL-Shop 24
Update von 1.9.7.1 auf 1.10.9.0 nicht möglich JTL-Wawi 1.9 1
Neu Update von 1.9.7.1 auf 1.10.9. nicht möglich Installation von JTL-Wawi 4
Neu Keine Anzeige von Bildern in der POS 1.0.11.3 Allgemeine Fragen zu JTL-POS 2
Neu Ameisen Export von JTL POS Umsätzen? Dringend Hilfe benötigt JTL Ameise - Eigene Exporte 4
Neu Bewertungen von Kindartikel auf Vaterartikel übertragen nach Umwandlung von Einzelartikel in Variations-Kombination Allgemeine Fragen zu JTL-Shop 6
Weiterleitung von existierenden Seiten nicht möglich Einrichtung JTL-Shop5 2
Fehlermeldung im Packtisch bei Nutzung von DHL versenden 3.0 JTL-Wawi 1.9 1
Neu Auslieferung von Artikeln in teillieferbaren Aufträgen & von unterschiedlichen Artikeln im Wareneingang Arbeitsabläufe in JTL-WMS / JTL-Packtisch+ 2
Neu Erneuter Komplettabgleich von Gambio zu Wawi Gambio-Connector 5
Neu Fehlerhafter Abgleich wegen angeblich mehr als 500 Artikel in der CFE von JTL-Shop 5 Allgemeine Fragen zu JTL-Shop 18
Neu Installation von JTL-Shop 5.4.1 auf Ubuntu Server 24.04.2 LTS Installation / Updates von JTL-Shop 6
MS SQL von JTL an N8N anbinden JTL-Wawi 1.9 16
Neu Packtisch+ und Anzeige von Lagerbestand möglich? User helfen Usern - Fragen zu JTL-Wawi 1
Neu Kein Zugriff von Wawi auf JTL-Shop, auf lokalem Apache-Server gehostet Installation / Updates von JTL-Shop 8

Ähnliche Themen