Neu Shop5: klick auf leeren Warenkorb ist etwas verwirrend

Conny

Sehr aktives Mitglied
7. September 2009
548
60
Wenn man auf den leeren Warenkorb oben rechts klickt, wird der Content ausgegraut und es erscheint eine Meldung dass sich nichts im Warenkorb befindet.
Je nach Template Anpassung fällt diese Meldung überhaupt nicht auf und der Kunde weiß nicht was er tun soll.

Ich würde es schöner finden wenn die Meldung in einem sep. Fenster zentriert in der Mitte mit einen Bestätigungsbutton wäre.

Vielleich hat auch jemand eine Idee wie man das so umsetzen könnte.

YtKnVZRfld.png
 

felix.bauerschaefer

Sehr aktives Mitglied
15. November 2019
218
31
Nienburg/Weser
Per Icon wäre das am besten umzusetzen, statt eines Vollen Warenkorbes einen leeren. Daneben den Text, beim leeren Warenkorb Leer anzuzeigen, dabei bleiben dem Kunden keine fragen mehr offen.

Beispielsweiße mit FontAwesome 6 könnte das so aussehen:
Leer: https://fontawesome.com/v6.0/icons/cart-xmark?s=solid natürlich kann man daran noch feilen und entsprechend Farblich die Icons markieren rot für Leer.
Enthält Dinge: https://fontawesome.com/v6.0/icons/cart-circle-exclamation?s=solid Grün, blau, Signalfarbe für vollen Warenkorb.

Dafür müsste man einfach ne {if} Smarty Abfrage für den Block hinterlegen, falls du nicht genau weißt wie das geht würde ich mich an einen Servicepartner wenden. Upps. nicht das Alter des Accountes bemerkt, schau mal in den Layout. tpl Daten.
Ich würde es schöner finden wenn die Meldung in einem sep. Fenster zentriert in der Mitte mit einen Bestätigungsbutton wäre.
Pop-ups und zentrierte Meldungen sind zwar toll um die Aufmerksamtkeit auf etwas zu lenken, doch stören meist die UX. Zwar weniger verhasst wie zum Anfang, doch trotzdem jetzt nicht förderlich dafür das die Leute auf der Seite bleiben. Diese Meldungen sind mMn. eher selten einzusetzen, bei Bedarf nicht ständig im normalen Gebrauch.
 
Zuletzt bearbeitet:

Conny

Sehr aktives Mitglied
7. September 2009
548
60
Hi,
danke für deine tolle Unterstützung.
Habe das auch soweit hinbekomen in /basket/cart_dropdown_label,tpl kann man die "IF" Abfrage einbauen und ein anderes Icon anzeigen.
In cart_dropdown.tpl kann man die Meldung rausnehmen.
Nur was ich nicht geschafft habe ist, den ausgegrauten Content weg zu nehmen.
Hast du dafür eine Idee ?
 

felix.bauerschaefer

Sehr aktives Mitglied
15. November 2019
218
31
Nienburg/Weser
Ich glaube das ist eine CSS/JS Änderung notwendig, da hier entweder ein CSS Filter gesetzt wird Standardmäßig vom Nova-Template. Inzspiziere mal das Element, schau mal wie genau der Effekt von statten geht entweder es wie o.b. über einen Filter-Effekt, oder ist eine CSS pseudoklasse ::active. Dann müsste über den Template Editor ein SCSS änderung vorgenommen werden. Andernfalls müsste man die Standardmäßige jtl.nova.js befragen und schauen wo genau da die verdunkelung stattfindet. Bin mir zu 70% Sicher das ist eine CSS änderung, solltest du die vornehmen auch die Critical CSS überprüfen ansonsten wird diese nachgeladen.
 
Zuletzt bearbeitet:

Conny

Sehr aktives Mitglied
7. September 2009
548
60
Hi,
da ich das nicht sauber lösen konnte, habe ich es etwas herkömmlich gelöst. Schön wäre es, wenn JTL da was in Zukunft ändern könnte.
Denke, dass das vielleicht noch mehrere Menschen nicht so richtig gefällt.
Vielleicht hat ja auch noch jeamand eine bessere Idee!


Ich habe jetzt wie folgt modifiziert:
Datei: /nova/basket/cart_dropdown_label.tpl
Block: basket-cart-dropdown-label-link

Original:
HTML:
{block name='basket-cart-dropdown-label-link'}
            {link class='nav-link' aria=['expanded' => 'false', 'label' => {lang key='basket'}] data=['toggle' => 'dropdown']}
                {block name='basket-cart-dropdown-label-count'}
                    <i class='fas fa-shopping-cart cart-icon-dropdown-icon'>
                        {if $WarenkorbArtikelPositionenanzahl >= 1}
                        <span class="fa-sup" title="{$WarenkorbArtikelPositionenanzahl}">
                            {$WarenkorbArtikelPositionenanzahl}
                        </span>
                        {/if}
                    </i>
                {/block}
                {block name='basket-cart-dropdown-labelprice'}
                    <span class="cart-icon-dropdown-price">{$WarensummeLocalized[0]}</span>
                {/block}
            {/link}
        {/block}


Neu:
HTML:
{block name='basket-cart-dropdown-label-link'}
            {if $WarenkorbArtikelPositionenanzahl >= 1}
                {link class='nav-link' aria=['expanded' => 'false', 'label' => {lang key='basket'}] data=['toggle' => 'dropdown']}
                    {block name='basket-cart-dropdown-label-count'}
                        <i class='fas fa-shopping-cart cart-icon-dropdown-icon'>
                            {if $WarenkorbArtikelPositionenanzahl >= 1}
                            <span class="fa-sup" title="{$WarenkorbArtikelPositionenanzahl}">
                                {$WarenkorbArtikelPositionenanzahl}
                            </span>
                            {/if}
                        </i>
                    {/block}
                    {block name='basket-cart-dropdown-labelprice'}
                        <span class="cart-icon-dropdown-price">{$WarensummeLocalized[0]}</span>
                    {/block}
                {/link}
            {else}
               {link  href="Warenkorb" class='nav-link' aria=['expanded' => 'false', 'label' => {lang key='basket'}] }
                    {block name='basket-cart-dropdown-label-count'}
                    <i class='fas fa-cart-plus cart-icon-dropdown-icon'></i>
                    {/block}
                    {block name='basket-cart-dropdown-labelprice'}
                        <span class="cart-icon-dropdown-price">{$WarensummeLocalized[0]}</span>
                    {/block}
                {/link}
            {/if}
{/block}
 

felix.bauerschaefer

Sehr aktives Mitglied
15. November 2019
218
31
Nienburg/Weser
Um den Schwarzen Hintergrund heim hovern über das Megamenü zu ändern musst du die CSS-Klasse: .modal-backdrop ansprechen. Die hat den background-color: #333 steht in der clear.css könntest hier auch sagen backgroud-color: none; mit .modal-backdrop.show kannst du die Intensität des Backgrounds einstellen mittels opacity: .8; Standardmäßig auf 80%. Ist ein wenig viel für die meisten 15%-30% dürften denke mal ausreichen.

Kannst natürlich auch hier direkt auf 0% stellen.
Andernfalls direkt das div unter dem header-top-bar in dem Nova-Child Template überschreiben, entfernen.
 

Conny

Sehr aktives Mitglied
7. September 2009
548
60
Das Problem sehe ich eher, dass die Meldung (wie im Beitrag 1 markiert) kaum wahr genommen wird.
Ein Meldefenster in der Mitte wäre wahrscheinlich die Kunden freundlichste Möglichkeit.
 

felix.bauerschaefer

Sehr aktives Mitglied
15. November 2019
218
31
Nienburg/Weser
Das Problem sehe ich eher, dass die Meldung (wie im Beitrag 1 markiert) kaum wahr genommen wird.
Ein Meldefenster in der Mitte wäre wahrscheinlich die Kunden freundlichste Möglichkeit.
Wieso? Macht das Amazon, Otto.de, machen das irgendwelche großen eCommerce Händler, egal ob jetzt B2B/B2C? Wie kommst du darauf, dass dies die Kundenfreundlichste möglichkeit ist? User Friendly ist nicht == guten User Experince.

Also das annehmen immer vom größten DAU ezielt nicht unbedingt direkt gut und die beste Erfahrung und Nutzbarkeit von Programmen noch für künftige Nutzer. Das ist schließlich das Popup, die zentralste und größtmögliche Nachricht in FETT am besten geschrieben damit es bloß keiner übersieht. Diejenigen glaube wollen die wenigsten Ansprechen, wohl eher die Leute, die sich unsicher bewegen mit gezielten Federstrichen wie Animationen, es passiert was die Seite ist nicht statisch das ist wichtig.

Nur ob ich da, unbedingt immer für Popups brauche bezweifele ich.
 
Zuletzt bearbeitet:

Conny

Sehr aktives Mitglied
7. September 2009
548
60
Hi,
sorry - ich wollte damit niemanden etwas negatives andichten.
Ich habe etwas gesehen, womit (nach meiner Meinung) viel User verunsichert werden. Das kann man diskutieren oder auch nicht.

Vom Shop4 zu Shop5 wurde die Meldung (wörtlich) "in den Schatten gestellt".
Die optische Fixierung wird durch das Abdunkeln des Bereiches nicht mehr auf das Infofeld gelenkt. Und um die Meldung und das Abdunkeln wieder weg zu bekommen muss man auf das Infofeld klicken.

Es handelt sich hierbei um meine persönliche Meinung und da JTL bestrebt ist immer einen tollen Online Shop zu haben, hatte ich es nur gut gemeint und darauf hingewiesen.

Ich bin selbst programmiere auch schon seit fast 40 Jahren und bin immer froh, wenn ich Feedback bekomme.

Nochmals - ich will damit keinem auf den Schlips treten.
 

felix.bauerschaefer

Sehr aktives Mitglied
15. November 2019
218
31
Nienburg/Weser
danke für die Antwort, ja tatsächlich hab ich das persönlich genommen. Da ich komisch finde wieso Popup so beliebt sind. Möchte ungern, dass eines eine überragende Nutzung über das andere findet benutze die leider zu oft für meinen Geschmack. Oftmals nur noch beim Thema Shops - Popup bei mir in Gedanken ringt. Ich meine da sind die meisten Nutzer eigentlich von weg vor allem ist es mittlerweile zum Pseudonym eShop Geworden, ist einer der Hauptründe warum ich z.B. Adblocker einsetze. Dies Werbung bitte im Popup mit Animation, verlangsamt alles, sie ist weder Performant noch ist Sie hilfreich, ob Coupon, Aktion wie auch immer das rechtfertigt nicht meinen Seitenaufbau darüber hinweg zu schmeißen weil nur dafür wird es meistens genutzt. Meldungen der Wartung Popup. Der Shop wird geschlossen Popup, man könne ja auch überlegen ob man Browsermeldungen benutzt für den Warenkorb, oder den Warenkorb direkt nur über Dinge wie den Seitentitel darstellt.

Nein Popup, das bringt uns irgendwie weiter weg vom Gedanken Shops als eine Art native Applikationen/Web Apps zu betreiben. Das sind Sie ja schließlich mittlerweile. Eigene Anwendungen, mit ganz eigener Logik. Teils komplexer, teils weniger komplex.
Das Popup ist doch nicht die einzige Funktion der Mitteliung über den Shop. Kleine DIV-Module wo darauf steht sie haben in den Warenkorb getan, XY wie bei Snacky und co. Darauf achten viele Leute auch unbewusst, man muss nur mittels Boardmittel entsprechend darauf hinweisen.

Zwar finde ich ist das in Programmen ne tolle Lösung für Erfolgsnachrichten, wenn ein langwierieger Prozess wie bei einem Render fertig ist doch ob dieselbe Logik auch für eine Webseite zutrifft, finde ich sehr schwierig gleich zusetzen. Vor allem da wir damit den selben Standard vorsetzen wie es teils bei vielen Programmen leider, vor allem von Microsoft mittlerweile Standard findet. So einfach wie möglich, was zwar bei einem Screenshot-Tool funktioniert, funktioniert nicht bei Office, auch nicht bei der umgestaltung der Systemsteuerung.

Da bin ich irgendwo auf Seiten, never ever sowas.
Naja die Umsetzung, nach wünschen das es gebeten ist und umgesetzt werden sollte von JTL bin ich vollkommen bei dir. Mehr Kundenindividualisierungen sind immer gut. Nur bitte halt nicht Einseitig.
 
Zuletzt bearbeitet:
  • Gefällt mir
Reaktionen: hula1499
Ähnliche Themen
Titel Forum Antworten Datum
Neu beim Umstieg von unicorn auf SCX Bilder aktivieren Otto.de - Anbindung (SCX) 0
Neu Gewicht auf Rechnung (Artikelgewicht und Zusatzgewicht) Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Neu gelöst: Update von 5.3.0 auf 5.3.1 - Dateien hochgeladen - immernoch alte Version Gelöste Themen in diesem Bereich 6
Neu Wechsel WAWI Hosting von JTL mit RDP auf ecomDATA User helfen Usern - Fragen zu JTL-Wawi 2
Neu Nach Update auf 5.3 funktioniert das Video-Portlet für lokale Videos nicht Gelöste Themen in diesem Bereich 9
Neu Update auf v5-2-5 Gelöste Themen in diesem Bereich 3
Neu Nach Update auf 5.3 fliegen die Produkte aus dem Merchant Center JTL-Shop - Fehler und Bugs 0
Wo befindet sich das Feld mit der Information für "Zustandsbeschreibung" auf Ebay? JTL-Wawi 1.8 9
Neu Nach Umstellung auf WMS Probleme mit der JTL Ameise Installation von JTL-WMS / JTL-Packtisch+ 0
Neu Auftrag mit Freiposition Menge 0 läßt sich nicht ausliefern + wird nicht auf Lieferschein angezeigt User helfen Usern - Fragen zu JTL-Wawi 1
Ausgabe Lieferdatum auf Lieferantenbestellung JTL-Wawi 1.8 0
Benutzerrechte - Artikel auf Einkaufsliste setzen JTL-Wawi 1.6 1
Neu /navi.php?q=2 Abfragen laufen auf 404 Gelöste Themen in diesem Bereich 4
Neu Shopify Erhöhung der Varianten von 100 auf 2000 - Connector App Problem Shopify-Connector 1
Artikel Netto Preis von 4 Nachkommastellen auf 2 umstellen JTL-Wawi 1.7 5
Neu WaWi auf Mac Installation von JTL-Wawi 3
Neu Rechnung wird nicht auf englisch gespeichert Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 3
Neu Greyhound JTL-Connector funktioniert nach Update auf 1.8.12 nicht mehr richtig Technische Fragen zu den JTL-Connectoren 5
Neu Scrollverhalten auf Artikellisten (mal wieder) Templates für JTL-Shop 0
Neu Wie setzt Ihr eure Dev/Staging Umgebungen auf? Betrieb / Pflege von JTL-Shop 0
Neu Folgendes fehlt seit Mai 23 auf der Rechnung: "Versanddatum: Ist gleich dem Rechnungsdatum." Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 4
Neu Integration Artikelnummer/Anzahl auf Versandlabel User helfen Usern - Fragen zu JTL-Wawi 0
Neue angelegte Artikel ausverkauft - kein Erscheinen auf Bestellvorschlägen JTL-Wawi 1.6 1
Neu Weiße Seite nach Update Shop 5.1.5. auf 5.2.4 Installation / Updates von JTL-Shop 24
Neu List & Label Neue Vorlage Projektbaustein Bild Logo nur auf erstem Exemplar anzeigen User helfen Usern - Fragen zu JTL-Wawi 2
Neu QR Code auf Rechnungen will zuviel haben User helfen Usern - Fragen zu JTL-Wawi 0
Neu Erledigt - Plugin PayPal Checkout, Update auf 1.4.0, Komplettabsturz Plugins für JTL-Shop 1
Neu Vorlagen: Formel um Textfeld nur auf der letzten Seite der Rechnung darzustellen Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 2
Neu Rabatte auf Rechnung ausweisen Fragen rund um LS-POS 0
Neu Update von 5.1.5 auf 5.2.4 Installation / Updates von JTL-Shop 1
Neu Auftragssumme ohne Rabatt auf Rechnung ausgeben Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Neu Update von Wawi 17.15.4. auf 18.12.0 geht nicht, weil Primary voll ist JTL-Wawi - Fehler und Bugs 4
Neu Bewertungen mittels Importtabelle auf andere Artikel übertragen User helfen Usern - Fragen zu JTL-Wawi 0
Neu Lieferdatum auf Auftragspositionsebene Arbeitsabläufe in JTL-Wawi 0
Slider - Position auf der Startseite? Einrichtung JTL-Shop5 0
Neu Ware auf Retoureplatz wird als "verfügbar" betrachtet JTL-Wawi - Fehler und Bugs 2
Neu Title Tag wird auf Loginseite nicht übernommen Betrieb / Pflege von JTL-Shop 1
Neu Suchbegriff hängt Shop auf?! Allgemeine Fragen zu JTL-Shop 2
JTL stürzt bei Druckvorschau oder Drucken seit Wechsel auf v.1.7 immer wieder ab JTL-Wawi 1.8 6
JTL Wawi Update 1.7.15.5 - Worker hat keinen Zugriff auf DB JTL-Wawi 1.7 6
Neu Woocommerce mit JTL Connector "Die Shop-URL verweist nicht auf einen gültigen Shop" WooCommerce-Connector 4
Neu Umzug auf neuen Rechner mit nur einem Mandant User helfen Usern - Fragen zu JTL-Wawi 3
Auftragsimport über eBay - Bezeichnung der Versandart auf der Rechnung leer JTL-Wawi 1.8 1
Neu Konfigurations-Komponenten auf Lager User helfen Usern - Fragen zu JTL-Wawi 0
Neu Wenn Rabatt als Zeile auf Rechnung steht, fliegt der Gesamtwert weg.. Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Neu Ebay Artikel - bei Umstellung auf Designvorlagen werden Beschreibungen verändert User helfen Usern - Fragen zu JTL-Wawi 1
Neu Nach Update von 1.5 auf 1.8 Versand in die Schweiz nicht mehr möglich JTL-ShippingLabels - Fehler und Bugs 2
Neu jtl wawi Versanddatenexport Originalmeldung: In der Sendung trat mindestens ein harter Fehler auf. Code: 1101 Schnittstellen Import / Export 2
Neu ist das Hinzufügen eines zusätzlichen Hinweis bei Artikeln, mit bestimmtem Merkmal, die auf die Einkaufsliste wandern möglich ? User helfen Usern - Fragen zu JTL-Wawi 0
Kein Zugriff auf Datenbankverwaltung JTL-Wawi 1.8 1

Ähnliche Themen