Neu Warenkorbbox als Sidebar umsetzen

  • Temporäre Senkung der Mehrwertsteuer Hier findet ihr gesammelt alle Informationen, Videos und Fragen inkl. Antworten: https://forum.jtl-software.de/threads/mehrwertsteuer-senkung-vom-01-07-31-12-2020-offizieller-diskussionthread-video.129542/

IMGSaibh

Neues Mitglied
9. Juni 2020
9
0
Hallo Liebe Community,

ich möchte für einen Kunden die Warenkorb-Box als Sidebar umsetzen. Ich habe ein eigenes Template erstellt das vom EVO Template erbt. Bisher hat alles gut geklappt. Leider kann ich aber keinen Ansatz finden den Warenkorb als Sidebar umzusetzen. Wenn ein Nutzer auf das Warenkorbsymbol oben rechts (EVO Template) drückt sollen die Artikel im Waren korb icht als Box angezeigt werden, sondern als Sidebar die vom linken Rand nach innen fährt.

Aktuell bewege ich mich in den Dateien:
header_shop_nav.tpl
cart_dropdown_label.tpl
cart_dropdown.tpl

Sollte ich eher eine eigene template Datei programmieren oder die Klassen (Bootstrap 3) in den Datein (oben) so umbauen bis ich meine Sidebar habe.
Was ist denn hier best practice?
Muss ich die Box die aktuell angeziegt wird auch auschalten im jtl shop?
Oder kann ich die Box ansich gleich so anpassen das diese meiner Sidebar entspricht
Bräuchte da dringend einen Ansatz :/

Vielen Lieben Dank im Voraus
LG
 

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
4.600
741
Berlin
Die Ausgabe des Warenkorbes kannst du ja jederzeit mit Hilfe der session Daten Anzeigen lassen.
Also machst du dir eine eigene Datei die du im footer includest und in der du das schön aufbaust, fixierst den Container da drinnen rechts mit top, bottom = 0 und right: -300px oder wie auch immer.
dann lässt du das über den WK Button im Header rein sliden.

Über das CSS/JS muss ich dir ja vermutlich nichts sagen. Schau dir die Sessiondaten an $smarty.session.Warenkorb, da steht alles drin, orientieren kannst du dich ja am Evo/basket Verzeichnis.
 
  • Gefällt mir
Reaktionen: IMGSaibh

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
4.600
741
Berlin
Das kommt immer darauf an wie viel animierte Schmetterlinge nebenbei auf der Webseite fliegen sollen.
Es kommt auch darauf an ob es besonders designed werden soll, ob es ein Child Template gibt oder extra eines angelegt werden muss, was für Informationen und Möglichkeiten existieren sollen usw.

Ich würde Pauschal von 2 Stunden Arbeit ausgehen, das kann aber auch locker länger dauern wenn man ins Detail geht.
 
  • Gefällt mir
Reaktionen: Wissenssammler

IMGSaibh

Neues Mitglied
9. Juni 2020
9
0
Die Ausgabe des Warenkorbes kannst du ja jederzeit mit Hilfe der session Daten Anzeigen lassen.
Also machst du dir eine eigene Datei die du im footer includest und in der du das schön aufbaust, fixierst den Container da drinnen rechts mit top, bottom = 0 und right: -300px oder wie auch immer.
dann lässt du das über den WK Button im Header rein sliden.

Über das CSS/JS muss ich dir ja vermutlich nichts sagen. Schau dir die Sessiondaten an $smarty.session.Warenkorb, da steht alles drin, orientieren kannst du dich ja am Evo/basket Verzeichnis.
Vielen Dank für deine Antwort :)
 

IMGSaibh

Neues Mitglied
9. Juni 2020
9
0
Die Ausgabe des Warenkorbes kannst du ja jederzeit mit Hilfe der session Daten Anzeigen lassen.
Also machst du dir eine eigene Datei die du im footer includest und in der du das schön aufbaust, fixierst den Container da drinnen rechts mit top, bottom = 0 und right: -300px oder wie auch immer.
dann lässt du das über den WK Button im Header rein sliden.

Über das CSS/JS muss ich dir ja vermutlich nichts sagen. Schau dir die Sessiondaten an $smarty.session.Warenkorb, da steht alles drin, orientieren kannst du dich ja am Evo/basket Verzeichnis.
Hallo und noch mal danke für deine Hilfe. Hat super funktioniert.
Ich habe nur noch eine weitere Frage. Wie kann ich denn realisieren das die Weiterleitung zum Warenkorb ausgeschaltet ist ? Das heißt ich möchte weder das modal Popup noch das beim Artikel Hunzufügen auf die Seite "Warenkorb" gesprungen wird. Als sollte gleich in der Sidebar geupdatet werden ohne den redirect zum Warenkorb, da meine Sidebar ja der neue Warenkorb ist.

Hättest du da einen Ansatz oder ne Idee an wen ich mich wenden könnte. Hier im Forum hatte ich es als Thema erstellt aber kein Feedback erhalten.
Vielen Dank im Voraus!
 

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
4.600
741
Berlin
Das neuladen der Seite wirst du so einfach nicht verhindern können, da gehört einiges dazu. du könntest aber über css die Box ausblenden bzw. aus dem Template entfernen, wenn die erscheinen würde slidest du eben auch einfach die Box rein.

Eigentlich gar nicht so schwierig.
 

IMGSaibh

Neues Mitglied
9. Juni 2020
9
0
Das neuladen der Seite wirst du so einfach nicht verhindern können, da gehört einiges dazu. du könntest aber über css die Box ausblenden bzw. aus dem Template entfernen, wenn die erscheinen würde slidest du eben auch einfach die Box rein.

Eigentlich gar nicht so schwierig.
Danke Dir. Das war meine erste Idee auch. Das würde aber nicht gehen. Wenn ich in der Sidebar die Artikel erhöhe dann kommt dennoch die Weiterleitung zur Warenkorbseite. Der Warenkorb hat sich ja geändert. ISt da JTL so unflexibel ?
 

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
4.600
741
Berlin
  • Gefällt mir
Reaktionen: IMGSaibh

IMGSaibh

Neues Mitglied
9. Juni 2020
9
0
Das ist regelbar, du musst nicht direkt zum WK , normal bleibst du beim Artikel.
Was meinst du mit normal bleibe ich auf dem Artikel. Das wäre doch nur der fall wenn ich die Weiterleitung auschalte. In diesem fall kommt aber das Modal-Popup. Das würde ich ausblenden aber in der Warenkorb-sidebar ist dann trotzdem die Weiterleitung zum Warenkorb dabei. Ich muss dazu sagen, der Kunde wünscht eine WArenkorbseite und zusätzlich eben diese Sidebar. Die Sidebar muss den Warenkorb updaten ohne die Weiterleitung zur Warenkorbseite.
Sorry wenn ich etwas auf dem Schlauch stehe. Ich komme eher aus der Spieleprogrammierung.
LG
 

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
4.600
741
Berlin
nun stehe ich langsam auf dem Schlauch :D
Warum möchtest du denn den Kunden direkt zum WK weiterleiten, dafür gibt es doch keinen Grund?

Wir sollten zuerst klären was für ein Templatge du hast, denn das normale EVO macht wenn ich auf der Detailseite bin kein modales Fenster auf.
wenn ich etwas in den WK lege, lädt die Seite neu und zeigt mit über der Detailseite an das etwas im WK liegt und fragt mich ob ich zum WK möchte, das war es, da ist nichts mit einem Modalem Fenster.

Dieses vorgehen kannst du im Template aushebeln und dein eigenes Ding machen.

Man müsste sehen was du da jetzt genau gezaubert hast, dann könnte man da genauer drauf eingehen.
 

IMGSaibh

Neues Mitglied
9. Juni 2020
9
0
Entschuldige wenn meine Beschreibung etwas unklar ist. Ich Versuch es mal etwas genauer.
1.) Ich ein Child-Template das von EVO erbt.
2.) Um ein Artikel in den Warenkorb zu legen gibt es 2 Möglichkeiten im EVO
2.1.) Im Backend Weiterleitung zum Warenkorb aus -> Es erscheint ein Popup mit der Auswahl zu Warenkorb gehen oder weiter einkaufen.
2.2.) Weiterleitung zum Warenkorb an -> Popup erscheint nicht -> Mann wird direkt zum Warenkorb weitergeleitet wenn ein Artikel hineingelegt wird.

- Ich habe nun oben genannte Sidebar umgesetzt (vielen Dank noch mal für deine Hilfe), die alle Artikel im Warenkorb anzeigt.
- legt der Kunde nun ein Artikel in den Warenkorb, möchte ich kein Popup und auch keine Weiterleitung zur Warenkorbseite.
- Ich möchte nur das die Sidebar aufgeht und der neu reingelegte Artikel drin ist. Man bleibt als auf der Seite wo man gerade (Artikelseite) ist und nur die Sidebar geht auf.
- Außerdem wenn ich in geöffneter Sidebar die Artikelanzahl erhöhe bleibt die Sidebar offen (Also keine Weiterleitung zur Warenkorbseite)

Ich hoffe es ist nun besser beschrieben. Ich füge ein Bild hinzu damit es etwas deutlicher wird.
Unbenannt.JPG
 

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
4.600
741
Berlin
Ok dann ist es ja so wie ich es mir vorgestellt habe.
es geht ja im Evo kein Modales Fenster auf, sondern es erscheint eine hässliche Box über dem Artikel das etwas im WK liegt und fragt ob man in den WK möchte oder nicht.

Das kannst du ja übers Template (Anpassung) oder mit CSS ausblenden das man das nicht sieht.
Über JS kann man dann ja auch sagen das der eingeklappte Bereich herauskommt.

Alles was dann in diesem ausgeklapptem WK passiert müsste man dann optimaler weise über ein kleines Plugin und mit Ajax regeln, nu so könntest du das neu laden unterbinden.
Wenn man es hässlich macht dann macht man das ohne Plugin aber davon würde ich abraten und vom Aufwand her ist es eigentlich ähnlich.
 
Ähnliche Themen Forum Antworten Erstelldatum des Themas
Neu Der B2B Preis ist höher als der Standardpreis Amazon-Anbindung - Ideen, Lob und Kritik 0
Neu DotLiquid Workflow Wenn mehr als 1 Postion 2x ausdrucken User helfen Usern - Fragen zu JTL-Wawi 0
Neu Rechnung immer ,00 als offener Betrag? Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 1
In Bearbeitung Auftrag als versendet markiert aber kein Lieferschein zu finden JTL-Wawi - Fehler und Bugs 1
In Bearbeitung Sonderpreis höher als normaler VK JTL-Wawi - Fehler und Bugs 3
Offen Workflow DATEI SCHREIBEN als Batch - Fehler/falsche Formatierung? JTL-Workflows - Fehler und Bugs 6
Neu Möglich einen externen JTL Shop in einer App anzuzeigen (als Marktplatz)? Starten mit JTL: Projektabwicklung & Migration 3
Neu Aufträge als Fullfillment Aufträge bearbeiten; Lager trennen, auch für JTL Shop User helfen Usern - Fragen zu JTL-Wawi 0
Neu Angebot duplizieren allerdings als Vorlage für andere Kunden User helfen Usern - Fragen zu JTL-Wawi 2
Gelöst Ausländische eBay Martkplätze - Obwohl Angebote bereits online, zeigt Wawi als "einzustellend" ein. Einrichtung und Installation von JTL-eazyAuction 1
Neu E-Mail Adressen als Online Shop Betreiber- Welche benutzt ihr? Smalltalk 6
Neu Import von Sonderzeichen wie z.B. ä als Zeichenfolge \u00e4 ??? JTL-Ameise - Fehler und Bugs 0
Neu Artikel Export als XML - Vorlage User helfen Usern - Fragen zu JTL-Wawi 0
Neu Lieferschein als PDF erzeugen - Dateiname ? User helfen Usern - Fragen zu JTL-Wawi 11
Neu Kategorie als Link anstatt mit Artikeln befüllen Allgemeine Fragen zu JTL-Shop 0
Neu Absenderreferenz für DHL-Labelerzeugung (Versenden 3.0) als Variable um Kundenspezifische Absender (mit Logo) nutzen zu können JTL-Wawi - Ideen, Lob und Kritik 1
Neu Leistungsdatum in Rechnungsvorlagen als Variable (mit automatischer Ermittlung) JTL-Wawi - Ideen, Lob und Kritik 0
Neu wie kann man versendete Lieferscheindaten als csv exportieren User helfen Usern - Fragen zu JTL-Wawi 2
Neu Zahlungen werden nicht als gezahlt angezeigt User helfen Usern - Fragen zu JTL-Wawi 1
Gelöst PayPal Zahlungen erscheinen als Zahlungsart "Kreditkarte" Gelöste Themen in diesem Bereich 12
Neu Rechnungen nachträglich als Massenänderung wegen MwSt. ändern User helfen Usern - Fragen zu JTL-Wawi 1
In Bearbeitung Benutzer Reihenfolge bei Anmeldung ändern bzw. letzten Benutzer als Standard [POS-815] JTL-POS - Ideen, Lob und Kritik 2
Neu Charge, MHD, Warenausganglager als Eigene Überischt etc. beim Verkauf -> Auftrag & Rechnung & Rechnungskorrkektur Individuelle Listenansichten in der JTL-Wawi 1
Neu JTL Shipping GLS-Versandetikett zusätzlich als Datei speichern User helfen Usern - Fragen zu JTL-Wawi 2
Neu Tickets nicht automatisch als gelesen markieren Servicedesk (Beta) 2
Neu Antworten auf eine andere als die neueste Nachricht Servicedesk (Beta) 2
In Bearbeitung Artikel mit Variationskombination als Favorit - Mengenauswahl funktioniert nicht JTL-POS - Fehler und Bugs 5
In Bearbeitung Bestellungen werden bei Amazon nicht als versendet markiert Amazon-Anbindung - Fehler und Bugs 2
Neu Lieferschein Export als csv, aber wie? Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 3
Neu Bestellung / Kauf auf Rechnung als bezahlt markieren Shopware-Connector 3
Offen WF: Sendungsbenachrichtigung triggerbar als Ausgabe JTL-Workflows - Ideen, Lob und Kritik 6
Neu JTL Mehrplatzversion sichern und als Einzelplatzversion auf neuem Rechner ausführen? Installation von JTL-Wawi 2
In Bearbeitung Sonderzeichen wie "&" wird als & zurückgesandt WooCommerce-Connector 1
In Bearbeitung Artikel mit anderem Zustand als "Standard" werden stattdessen angezeigt, aber ohne Bild JTL-POS - Fehler und Bugs 2
In Bearbeitung Kassenbuch als csv & Kundenkategorien übernehmen Allgemeine Fragen zu JTL-POS 1
Neu Brutto-Rechnung als Netto erneut ausgeben User helfen Usern - Fragen zu JTL-Wawi 5
Neu Google Shopping Export dauert mehr als 30 Min. und bricht mit timeout ab Betrieb / Pflege von JTL-Shop 1
Neu PLZ 85521 als Adressen Eingabe nicht möglich JTL-Shop - Fehler und Bugs 2
Neu Ist jtl als Rechnungs- und lagerverwaltungsprogram für lebensmittel grossmarkt geeignet, Starten mit JTL: Projektabwicklung & Migration 0
Neu Plattform als Text auf Etiketten ausgeben User helfen Usern - Fragen zu JTL-Wawi 1
Neu Externe Rechnungsnummer als Dateinamen Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 6
In Diskussion Belege beim Druck, automatisch als PDF abspeichern Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 5
Neu "Produkt wieder verfügbar" E-Mail bei Bestand größer als X senden. (314) Betrieb / Pflege von JTL-Shop 16
Neu Frage / Idee, Sendungsstatus manuell z.B. als "Zugestellt" ändern? JTL-Track&Trace - Ideen, Lob und Kritik 0
In Bearbeitung Lagerplätze nicht als Empfehlung sondern als Pflicht [WAWI-10325,WAWI-24266] Arbeitsabläufe in JTL-WMS 1
Offen PREFIS "Deutsch" als Kategorie Shopware-Connector 1
Neu Artikelvariation als Punkt Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 1
Neu Bezahlt markierte Artikel in der Wawi werden nicht als bezahlt an Ebay übertragen JTL-Wawi - Fehler und Bugs 4
Neu (closed) Einzelne Zahlungen über "JTL PayPal" in der WAWI als nicht bezahlt markiert? Plugins für JTL-Shop 2
Gelöst E-Mail an Kunden als Auslöser JTL-Workflows - Ideen, Lob und Kritik 1
Ähnliche Themen