account.php als accordion tabs

[Thomas K.]

Hey Leute,

da ich unseren Kunden ein modernes Kundenprofil bieten will, in das später noch weitere Funktionen eingefügt werden sollen habe ich angefangen die ganzen Funktionen von account.php (also account_edit, account_password, account_adressbook, account_delete) per jquery Accordion Tabs anzuzeigen und zu bearbeiten.

Die Hälfte ist ca. umgesetzt. Ich wollte gerne von euch noch Anregungen sammeln. Veröffentliche mein Ergebnis dann gerne.

Schlussendlich würde dann nur noch die account.php und die entsprechende template datei account.html genutzt werden. Bzgl. der Bestellhistorie habe ich noch keine Vorstellungen.

grüße

Linkback: https://www.modified-shop.org/forum/index.php?topic=19322.0

[martin-schulz1]

Ich könnte mir das gut vorstellen.

Was hälst du von Tabs so 5 Max neben einander und wenn es mehr Bestellungen sind machst du es wie im Shop mit Pfeilen nach links und rechts.

[Thomas]

Hi,

interessante Idee, grade die create_account hat immernoch hohe Absprungraten im Standard-Template und brauchte dringend eine Aufwertung. Bin gespannt!

Gruß

EDIT: toll ich Schnarchnase, hier gehts ja um das Profil nicht um die Neuregistrierung, Entschuldigung.

[Thomas K.]

Die Neuregistrierung gefällt mir auch überhaupt nicht, die ist u.U. danach dran.

Ich bin am Überlegen ob man nicht direkt Nägel mit Köpfen machen sollte, d.h. per Datenbank / Backend festlegen, welche Nutzerdaten vorhanden sein sollen und Pflichtfelder sind, und die dann anzeigen. Dann gibt es auch kein herauskommentieren mehr, wenn man z.B. keine Telfonnummer/Geburtsdatum anzeigen will.

[GTB]

die create_account, create_guest_account und login habe ich bereits für einen Kunden zusammengefasst:

[ Für Gäste sind keine Dateianhänge sichtbar ]

Gruss Gerhard

[mhbosch]

Also mich würde das auch interessieren!

VG,

mhbosch

[Thomas K.]

kann irgendwie meinen eigenen beitrag oben nicht editieren ...

habe das ganze in einer rohversion fertig. Ohne Bestellhistorie oder Datenback / Backend Umsetzung.

bitte beachten, dass es kein "cleanes" release ist.
D.h. einige Eigenarten sind für meinen Shop spezifisch. Z.B. andere Buttons, auskommentierte Teile etc.
Die Funktionalität sollte allerdings komplett vorhanden sein. Über Testing & Feedback würde ich mich freuen. Ich habe viele Teile auch zum eigenen Verständnis kommentiert, damit will ich nicht zwingend geistige Schöpfung ausdrücken.

MODUL: Benutzerkonto mit Accordion v0.1
0. Originaldateien sichern.
1. Jquery / JqueryUI mit Accordion installieren, dafür sollte es genug Anleitungen geben.
2. Folgende Dateien müssen angepasst werden.
templates/THEME/javascript/general.js.php:

Code: PHP  [Auswählen]

$(document).ready(function() {
        $(".accountaccordion").accordion({
                collapsible: true,
                <?php
                if(isset($_GET['active_accordion'])) {
                        echo "active: ". $_GET['active_accordion'] . ",";
                }
                ?>
                autoHeight: false
       
        });    
}
 

account.php (im Anhang)
Eindeutige Benennung von Smarty und restlichen $_GET $_POST Variablen, etc.

templates/THEME/module/account.html (im Anhang)
Umsetzung in einer Template-Datei im Accordion Stil.

includes/modules/address_book_details.php (im Anhang)
Hier wurden nur die input felder mit dem prefix "abp_" versehen.
3. Folgende Dateien werden nicht mehr benötigt:
account_edit.php
account_password.php
address_book.php
address_book_process.php
account_delete.php
templates/THEME/module/account_edit.html
templates/THEME/module/account_password.html
templates/THEME/module/address_book.php
templates/THEME/module/address_book_process.php
templates/THEME/module/account_delete.php

Hoffe habe nichts vergessen und freue mich auf euer Feedback.

[jannemann]

Hallo schneller,

vielen Dank fürs Teilen! 
In welche Shopversion hast du das ganze eingebaut?

Schöne Grüße,
Jan

[GTB]

Hast du allen ernstes gegoogelt wie du in MacOS ein ZIP Archiv erstellst ?

ctrl + Klick --> komprimieren

Gruss Gerhard

[noRiddle (revilonetz)]

@schneller

Finde die Idee sehr gut, bin ich auch schon länger dran.
Ich blende z.B. in der account.php (account.html) alle Boxen aus, insofern vorhanden), wie im Checkout-Prozess. Ich designe die Seite völlig neu.
Der Kunde soll, wenn er auf "Mein Konto" oder "Ihr Konto" (wie immer Ihr das genannt habt) klickt, eine richtig gute Seite haben, die wirklich sein Bereich ist, wo er alles nachschauen kann; und das übersichtlich.

Halte allerdings auf der account-Seite Tabs für besser als Accordeon, da letzteres durch das Auffahren der Seite oft zum Scrollen zwingt, wenn man danach auf einen anderen Accordeon-Menu-Punkt klicken will.

Trotzdem, nochmals:
Gute Idee und freut mich, daß noch mehr an ein user-friendly expierience denken.

Gruß,
noRiddle

[Thomas K.]

Hast du allen ernstes gegoogelt wie du in MacOS ein ZIP Archiv erstellst ?

Erwischt!

Bezüglich der Tabs sollte das kein Problem sein. die Struktur ist ja so, dass man eigentlich nur das javascript umstellen muss für eine andere Darstellung. Das wichtige ist, dass die Funktionen / Darstellung alle über die gleiche Seite laufen.

[Thomas K.]

In welche Shopversion hast du das ganze eingebaut?

1.05b

[martin-schulz1]

Also ich bin jetzt nicht der kreativste, hab mal schnell eine Handskizze gemacht wie ich mir die Bestellhistorie vorstellen könnte.

Also vergleicht mich bitte nicht mit Picasso

[Thomas K.]

Ich bin grade am überlegen, das ganze auch im Bestellvorgang umzusetzen.
Meiner Meinung nach sind Funktionalitäten, die immer für sich eine neue Seite aufrufen, einfach nicht mehr zeitgemäß und unterbrechen den Einkauf und können daher zu Absprüngen von Käufern führen.

In http://www.modified-shop.org/forum/index.php?topic=6924.0 wird diskutiert, wie man den Bestellvorgang verbessern kann. Wäre es nicht vll. auch denkbar in Tabs oder Accordion den Bestellvorgang unterzubringen?
Per Mausklick, ohne offensichtliches Seitenneuladen, wären alle Daten aufruf- und veränderbar. Ajax wäre mir natürlich am liebsten, aber eine "geschummelte" Variante mit Accordion sollte das gleiche Feeling erzeugen.

Die Bestellhistorie guck ich mir ab kommender Woche konkret an. Danke für die Inspirationen.

[Thomas K.]

Als kleine Warnung:
Es gibt kleinere Probleme mit den unterschiedlichen eingebundenen language.conf Teilen. Diese haben leider teilweise gleiche Namen. hier wäre eine grundsätzlich Anpassung und die Verwendung von prefixen sinnvoll.