Neu Bei VarKombi-Artikeln, wie immer eine Farbe und Größe vorauswählen, damit alle Bilder angezeigt werden?

YTSVXKNMURZEHFW

Sehr aktives Mitglied
26. Juli 2017
240
47
@Manuel Pietzsch

Wir haben ein Problem mit dem Standard- Shop von JTL. Vielleicht gibt es eine einfache Lösung, aber wir konnten im Guide und im Shop-Backend nichts finden.

Problem:
Wir haben VarKombi-Artikel, also z.B. ZWEI Farben in verschienden Größen.
In JTL-Wawi haben wir je ein Hauptbild beim Vater hinterlegt und ALLE weiteren Bilder/Ansichten bei den jeweiligen Farben/Childs-Artikeln.

Wenn wir nun einen Artikel im JTL-Shop aufrufen, erscheinen nur die zwei Hauptbilder aus dem Vater-Artikel.
Erst wenn eine Farbe UND eine Größe ausgewählt wird erscheinen dann die weiteren Bilder.

Gibt es eine Möglichkeit, dass immer eine Farbe und eine Größe vorausgewählt ist, damit man auch sofort die weiteren Bilder sieht und nicht nur die zwei Hauptbilder, denn die Kunden meinen dann es gibt nur zwei Bilder und machen dann wieder zu?

Danke im Voraus und freundliche Grüße

CU
;) ;) ;)
 

frankell

Sehr aktives Mitglied
9. September 2019
975
338
Flensburg
Hallo @YTSVXKNMURZEHFW,

interessanter Benutzername. :D Ist das ein Akronym?

Was Du möchtest, ist quasi ein "Default"-Kind für den Vaterartikel. Mir ist weder eine Shop- noch eine Wawi-Einstellung diesbezüglich bekannt. Zumindest in meinem Verständnis widerspricht das aber auch der Systematik. Denn wenn Du einen Vaterartikel aufrufst, tust Du genau das, Du rufst den Vaterartikel auf, bei dem keine Variationen spezifiziert sind. Dieser ist aber ein eigenständiger Artikel, der eigenen Artikelbilder hat. Sobald Du die Variationen vollständig auswählst, wird ein anderer eigenständiger Artikel aufgerufen, der Kindartikel, mitsamt seinen eigenen Bildern.

Bei einem Default-Kind besteht leider immer die Gefahr, dass Kunden versehentlich diesen bestellen. Oder sie glauben, es gäbe das Produkt nur in dieser sofort angezeigten Varkombi, weil sie nichts auswählen mussten, um zu einem bestellbaren Artikel zu kommen.

Es würde mich wundern, wenn JTL so etwas von sich aus möglich macht. Das bedeutet aber nicht, dass das technisch unmöglich ist. Ist dann entweder eine Eigenentwicklung für den Shop, oder aber Du nimmst ein fertiges Plugin wie eines von diesen hier (vielleicht gibt es auch noch weitere):
Kostenlos und sehr einfach umzusetzen wäre noch diese Variante: Ein paar Bilder der Kindartikel auch beim Vaterartikel verwenden, oder gleich eine Bildkomposition.
Ob ggf. eine zusätzliche Anzeige von weiteren Bildern beim speziellen Vaterartikel über den OnPage Composer möglich ist, entzieht sich meiner Kenntnis. Aber könntest Du auch mal probieren.

Der eigentlich angesprochene @Manuel Pietzsch (Product Owner der Wawi und nicht des Shops) kann sich natürlich auch noch äußern und mir gerne widersprechen, wenn bspw. die 1.10. unter einer Tonne von neuen Features auch das als neues JTL-Attribut vorsieht. :)
 
  • Gefällt mir
Reaktionen: YTSVXKNMURZEHFW

Specker

Sehr aktives Mitglied
30. März 2015
509
46
Also ich habe in meinem Shop das gleiche Problem, daher habe ich mir da selber ne Lösung gebastelt.

Ob die jetzt für dich was taugt kann ich nicht beurteilen, eventuell testest du das einfach mal.

Beachte:
Ich nutze "swatches" für die Farben und "dropdown" für Größen.
Das Script wird wahrscheinlich nur dann gehen wenn du das auch so hast in deinem shop.
Sonst sag mir einfach mal was du nutzt und ich ändere den code um.

In deinem Child Template Ordner auf dem Server befindet sich ein Ordner "js". Dort liegt die Datei "custom.js".
In diese schreibst du folgenden Code:

JavaScript:
(function ($) {
    'use strict';

    $(window).on('load', function () {
        // Warte auf das Vorhandensein der Farbelemente und prüfe, ob auch Größen vorhanden sind
        var checkVariationsInterval = setInterval(function() {
            var firstAvailableColorLabel = $('.product-offer .swatches-image:not(.swatches-not-in-stock)').first();
            var firstAvailableSize = $('.product-offer .variations .custom-select option').not('[value=""]').first();

            // Überprüfe, ob sowohl eine auswählbare Farbe als auch eine auswählbare Größe vorhanden ist
            if (firstAvailableColorLabel.length > 0 && firstAvailableSize.length > 0) {

                // Wähle die erste verfügbare Farbe, falls noch keine ausgewählt ist
                var firstAvailableColorInput = firstAvailableColorLabel.find('input[type="radio"]');
                if (!firstAvailableColorInput.is(':checked')) {
                    firstAvailableColorLabel.click(); // Simuliere den Klick auf das Label
                }

                // Wähle die erste verfügbare Größe
                var selectElement = $('.product-offer .variations .custom-select');
                if (selectElement.val() === "") {
                    selectElement.val(firstAvailableSize.val()).change();
                }

                clearInterval(checkVariationsInterval); // Stoppe den Intervall, nachdem Farbe und Größe ausgewählt wurden
            }
        }, 100); // Überprüfe alle 100ms, ob die Farb- und Größenelemente verfügbar sind
    });

})(jQuery);

Der Code sorgt dafür, dass Farbe und Größe vorausgewählt werden, was ja dann zu deinem gewünschten Effekt führen sollte.
Sofern es sich um einen Artikel mit 2 Variations Kombinationen handelt zumindest.
Wenn immer das erste Child ausgewählt werden soll, unabhängig ob es mehrere Var Kombinationen gibt, kannst du den folgenden Code nehmen.
Dort fehlt dann die Abfrage nach Farbe und Größe:

JavaScript:
(function ($) {
    'use strict';

    $(window).on('load', function () {
        // Warte auf das Vorhandensein der Farbelemente
        var checkColorsInterval = setInterval(function() {
            var firstAvailableColorLabel = $('.product-offer .swatches-image:not(.swatches-not-in-stock)').first();
           
            if (firstAvailableColorLabel.length > 0) {
                var firstAvailableColorInput = firstAvailableColorLabel.find('input[type="radio"]');
               
                if (!firstAvailableColorInput.is(':checked')) {
                    firstAvailableColorLabel.click(); // Simuliere den Klick auf das Label
                }
               
                clearInterval(checkColorsInterval); // Stoppe den Intervall, nachdem die Farbe ausgewählt wurde
            }
        }, 100); // Überprüfe alle 100ms, ob die Farbelemente verfügbar sind

        // Automatische Auswahl der ersten verfügbaren Größe
        var firstAvailableSize = $('.product-offer .variations .custom-select option').not('[value=""]').first();
        if (firstAvailableSize.length > 0) {
            var selectElement = $('.product-offer .variations .custom-select');
            selectElement.val(firstAvailableSize.val()).change();
        }
    });

})(jQuery);
 

YTSVXKNMURZEHFW

Sehr aktives Mitglied
26. Juli 2017
240
47
Hallo @Specker

danke für den Lösungsansatz, schau ich mir gern an.

Wir verwenden Swatch-Bilder, anstatt Dropdownlisten ;)

@frankell danke für deine Antwort.

Die ist auch aus technischer/logischer Sicht ggf. vollkommen richtig, aber aus der Usability für den Standard-User leider nicht. Du verlangst vom User sehr viel bezüglich der Bedienung, aber der User kann sich gerade mal auf die Bilder, Preis, Lieferzeit und dann den Call-to-Action-Button zum bestellen konzentrieren. Ich sag nur Generation Z / TikTok und die durchschnittliche Ausmerksamkeitsspanne von max 5 Minuten ;)

JTL sollte zumindest die Möglichkeit im Backend standardmäßig zur Verfügung stellen, dass der Shopbetreiber die Darstellung selbst wählen kann, denn dies sollte im Jahr 2024 schon State-of-Art sein und kein kostenpflichtiges Individual-Feature mehr.

CU
;) ;) ;)
 
  • Gefällt mir
Reaktionen: frankell

frankell

Sehr aktives Mitglied
9. September 2019
975
338
Flensburg
Hallo @Specker

danke für den Lösungsansatz, schau ich mir gern an.

Wir verwenden Swatch-Bilder, anstatt Dropdownlisten ;)

@frankell danke für deine Antwort.

Die ist auch aus technischer/logischer Sicht ggf. vollkommen richtig, aber aus der Usability für den Standard-User leider nicht. Du verlangst vom User sehr viel bezüglich der Bedienung, aber der User kann sich gerade mal auf die Bilder, Preis, Lieferzeit und dann den Call-to-Action-Button zum bestellen konzentrieren. Ich sag nur Generation Z / TikTok und die durchschnittliche Ausmerksamkeitsspanne von max 5 Minuten ;)

JTL sollte zumindest die Möglichkeit im Backend standardmäßig zur Verfügung stellen, dass der Shopbetreiber die Darstellung selbst wählen kann, denn dies sollte im Jahr 2024 schon State-of-Art sein und kein kostenpflichtiges Individual-Feature mehr.

CU
;) ;) ;)
Wenn 5 Minuten mal nicht zu hochgegriffen sind... 😂
 
  • Haha
Reaktionen: YTSVXKNMURZEHFW
Ähnliche Themen
Titel Forum Antworten Datum
Neu Teilrücksendungen korrekt anlegen bei Varkombi Artikel Arbeitsabläufe in JTL-Wawi 0
Neu JTL Shop und SEO bei unterschiedlichen Sprachen aber gleichen Artikelnamen Betrieb / Pflege von JTL-Shop 6
Etiketten Formular Bild bei besteimmten Werten des Artikels ausgeben JTL-Wawi 1.9 2
In Diskussion Abstürze bei Tagesabschluss seit neuer Grafik JTL-POS - Fehler und Bugs 1
Rechnungsstellung in WAWI bei split / gemischter Mehrwertsteuer beim Versand falsch - workaround JTL-Wawi 1.9 0
Neu Bei bestimmten Artikeln nur Palettenversand Allgemeine Fragen zu JTL-Shop 3
Problem: Falsche Ausgabe von SalesOrderPosition.Quantity bei großen Mengen JTL-Wawi 1.8 2
Artikelnummer bei Variationen bzw. Kindartikeln JTL-Wawi 1.9 3
Neu OPC - Thumbnails bei Videos anpassen Allgemeine Fragen zu JTL-Shop 2
Neu Mindestabnahme bei Bestellungen über Einkaufsliste JTL-Wawi - Fehler und Bugs 5
Neu Datenbank Abfrage/Update Kundengruppe Checkbox bei Sonderpreisen JTL Ameise - Eigene Exporte 1
Konfigurationsartikel hinzufügen bei bereits verkauften Artikeln JTL-Wawi 1.9 1
Neu Workflow : Bei Artikel die ein Erscheinungsdatum haben Denn Auftrag Farblich markieren Arbeitsabläufe in JTL-Wawi 7
In Bearbeitung Gmail Anbindung zu POS weg, bei Mail-Einrichtung zeigt er Fehler "10:" Einrichtung / Updates von JTL-POS 4
Neu 1.2.3.8. Gewicht bei Variation wird nicht dazugerechnet User helfen Usern - Fragen zu JTL-Wawi 2
Neu Frontend-Ansicht (Template) zerschossen bei Installation in Plesk Einrichtung JTL-Shop5 0
Neu Lieferschein per Workflow o.ä. von "offen" auf "Versendet" setzen bei bestimmter Versandart User helfen Usern - Fragen zu JTL-Wawi 7
Neu Amazon Bestellungen verbleiben bei Status "Pending" und werden nicht in Aufträge übernommen Amazon-Anbindung - Fehler und Bugs 20
Neu Prestashop Connector löscht Herstellerbilder (Logos) bei unterbundener Bildübertragung PrestaShop-Connector 0
Gewichtsabweichung eines Artikels bei Variationen wird nicht in Auftrag übernommen JTL-Wawi 1.8 3
Neu Hinweis bei Wareneingang wird nicht mehr angezeigt JTL-Wawi - Fehler und Bugs 0
Neu Netzwerkfehler/ Fatal error bei der Erst-Instalation Installation / Updates von JTL-Shop 8
In Bearbeitung WMS Paketgewicht bei zweitem Paket nicht korrekt! Arbeitsabläufe in JTL-WMS / JTL-Packtisch+ 2
In Bearbeitung Barentnahme bei Kassenschnitt geht bei mir nicht oder mache ich was falsch? neues Update drauf JTL-POS - Fehler und Bugs 9
In Bearbeitung Rabattänderung bei Kundengruppen Allgemeine Fragen zu JTL-POS 2
Neu Schweiz - Probleme mit Netto-/Bruttobeträgen und Steuerhandling bei Amazon Marketplace Facilitator in JTL-Wawi Amazon-Anbindung - Fehler und Bugs 3
Neu Varianten / Varkombis bei Positionen in Emails ausgeben Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Neu Was macht "Sendungen pro Empfänger zusammenfassen" bei JTL-Shipping Labels => UPS? JTL-ShippingLabels - Fehler und Bugs 0
Neu Transportversicherung B2B bei Ausliefern/Rechnung Problem User helfen Usern - Fragen zu JTL-Wawi 1
Neu Stücklistenkomponente bei Stückliste teilbar auf Druckvorlage Lieferschein korrekt ausgeben Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 1
Neu Merkmal in Artikelliste ausgeben bei entsprechendem Artikel ausgeben Allgemeine Fragen zu JTL-Shop 0
Neu Ebay - Grundpreisanzeige bei Variatonen eBay-Anbindung - Fehler und Bugs 2
Neu Dringlich: Angeblich falsche Preise bei Google Shopping Allgemeine Fragen zu JTL-Shop 2
In Bearbeitung Shared Key / Shared Secret bei EPSON-TSE über Bondrucker Allgemeine Fragen zu JTL-POS 1
Beantwortet Workflow funktioniert bei Unicorn 2 Bestellungen nicht JTL-Workflows - Fehler und Bugs 3
In Bearbeitung Probleme mit Rabatten bei Umstellung auf JTL POS JTL-POS - Fehler und Bugs 3
Neu Bei Änderung eines via LS-Pos erstellten Auftrages springt Zahlungsart auf bar User helfen Usern - Fragen zu JTL-Wawi 0
Neu Artikel bei Amazon neu Listen mit "Neuer" ASIN Amazon-Lister - Ideen, Lob und Kritik 0
Neu Kann kein Bilder bei Variationen hinterlegen JTL-Wawi - Fehler und Bugs 1
Gelöst Manuelle Gewichtseingabe bei "Auftrag verpacken" Arbeitsabläufe in JTL-WMS / JTL-Packtisch+ 2
Beantwortet Abfrage liefert nur Ergebnis bei exakt einem Result Eigene Übersichten in der JTL-Wawi 1
Neu Probleme bei Shopverlinkung WooCommerce-Connector 3
Neu Feld "priceCurrency" doppelt bei Vaterartikeln (Kategorie) JTL-Shop - Fehler und Bugs 0
DHL Label oberhalb des Routingcode komplett schwarz/ bei manuellem Nachdruck alles ok JTL-Wawi 1.9 4
Issue angelegt Reihenfolge Kartonage bei Auftrag verpacken [WAWI-80514] Arbeitsabläufe in JTL-WMS / JTL-Packtisch+ 1
Seit Update auf 1.9.6.5 Fehler bei Bestellabschluss, aber Bestellung geht ein JTL-Wawi 1.9 7
Neu Wechsel von CFE Shop ( Hosting bei JTL) zu SE Installation / Updates von JTL-Shop 5
Amazon Lister Problem bei der Erstellung von Varianten-Produkten JTL-Wawi 1.9 0
Neu Falsche URLs in Sitemap für englischen Seiten bei "Routing-Schema: Mit Locale" JTL-Shop - Fehler und Bugs 0
Neu Ausdrucken von Druckvorlagen bei Lieferscheinerstellung Arbeitsabläufe in JTL-Wawi 4

Ähnliche Themen