zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > Site- und Layoutcheck
Seite neu laden [Development] Oxid E-Shop 4 Layout

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 08.01.2009, 00:18
Benutzerbild von Carolin
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 26.11.2007
Beiträge: 232
Carolin wird schon bald berühmt werden
Standard [Development] Oxid E-Shop 4 Layout

Hallo

nach längerer Zeit möchte ich es mal wieder wagen und hier einen Shop, den ich aktuell umgestalte einstellen.

Er ist erst am entstehen und somit sind noch viele viele Dinge zu tun. Da ich aber nicht mehr ganz so viel Zeit habe, würde ich gern euer Feedback jetzt schon einfließen lassen.

Da ich weiß, dass es wohl doch einiges zu kritisieren gibt, wäre es schön wenn auch der eine oder andere etwas positives bemerken könnte.

Aber genug des bla bla:

OXID Geschenke Shop | Originelle, witzige Geschenkideen - Lifestyle, Trends, Accessoires

Login: benutzer@team-andro.com
PW: benutzer

(Oxid E-Shop im Original)
OXID Geschenke Shop | Originelle, witzige Geschenkideen - Lifestyle, Trends, Accessoires

LG Carolin
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 08.01.2009, 18:09
Benutzerbild von Timo
table-layout: none;
XHTMLforum-Kenner
 
Registriert seit: 11.11.2006
Beiträge: 5.345
Timo ist ein LichtblickTimo ist ein LichtblickTimo ist ein LichtblickTimo ist ein LichtblickTimo ist ein Lichtblick
Standard

Hi,

ist etwas viel auf einmal
  • Optisch:
    • Layout
      • Menü ist klasse
      • "Artikelsuche" ist auch schön gemacht
      • Abstand zwischen Breadcrump und "dem Rest" ist IMHO viel zu groß
      • Die Loginbox sieht etwas "gequetscht" aus, obwohl noch so viel Platz ist
    • Startseit
      • "Frisch eingetroffen!" und "Die Dauerbrenner" sollten gleich aussehen. Also nicht bei dem einen das Bild links und beim andern Oben
      • Das "Angebot der Woche" kommt irgendwie verloren und der großen Box
      • Die News fallen garnicht auf
    • Produktübersicht
      • Ich hab mir beispielhaft dieses Produkt angeschaut
      • Warum gehen die Überschriften "Preisalarm", "Einen Kommentar schreiben" und "Aktuelles Produkt" nicht soweit wie die Box drunter ist?
      • Das einzellne "Peak Amino Fusion" soll das die Überschift für die nicht vorhandene Produktbeschreibung sein?
      • Bei "Preisalarm" ist alles ziemlich auseinandergezogen.
        Das Eingabefeld für den "Prüfcode" ist eweig weit weg und das €-Zeichen ist weit von dem dazugehörigen Feld weg.
      • Welchen Sinn soll "Aktuelles Produkt" haben? Ist auch etwas lieblos gestylt
      • Ich lege ein Produkt in meinem "Warenkorb" und bekomm 0 Rückmeldung ob es geklappt hat und erst wenn ich über Warenkorb gehe weiß ich ob was drin ist. Vielleicht sollte der Gesamtpreis imemr da stehen.
    • Allgemein
      • Ist das eine Community oder ein Shop? Wenns ein Shop ist was hat dann ein Gästebuch dort zu suchen?
  • Code
    • CSS teilweise Unvalide
    • HTML richtig Unvalide
    • (Weiß nicht in wiefern du da eingreifen kannst)
Sonst ist mir jetzt nichts Tragisches aufgefallen.
__________________
Um weitere Erklärungen eingeblendet zu bekommen, drücken Sie bitte die Tastenkombination Alt + F4
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 08.01.2009, 18:39
Benutzerbild von Carolin
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 26.11.2007
Beiträge: 232
Carolin wird schon bald berühmt werden
Standard

Hallo Timo,

erst mal vielen Dank, dass du dir die Mühe gemacht hast. Danke auch für deinen netten und konstruktiven Kommentar. Ich hatte ja schon schlimmes befürchtet.

Also, geh ich mal auf deine Punkte ein:
  • Startseite
    • Navigation lass ich so (bis auf den Fehler mit dem div, das ändere ich noch)
    • Ansonsten ist keines der Elemente fertig. Dauerbrenner werden noch wie frisch eingetroffen formatiert, damit Verhalten sie sich besser in der von 1024 - 1280px variablen Breite.
    • "Mein Konto" verschwindet, die graue Box ist Oxid Standard. Ich ziehe das Login-Feld nach oben rechts unter die Naviagtion. Damit ist es immer auf den ersten Blick zu sehen.
    • News und Angebot der Woche sind nur platziert, kein bisschen formatiert.
  • Produktübersicht
    • Leider hast du dir beispielhaft kein so gutes Produkt ausgesucht, da es nur eingefügt wurde um zu testen ob es unter "Frisch eingetroffen erscheint".
    • Diese Seiten haben bisher schon unendlich viel Arbeit gemacht, da hier bisher alles auf eine feste Breite und teilweise auch auf feste Höhen hin ausgelegt war. Die Überschriften der Boxen wurden nicht angepasst, da sie verschwinden werden, also nicht mehr in der Form vorliegen werden.
    • Die Eigenschaft Preisalarm wird es nicht geben.
    • Das mit der Bestätigung ist so ne Sache, ich hab die blöde Greybox erst gestern ausgemacht, weil es mich nur genervt hat, man musste nach jedem Produkt warten bis sie kam und dann noch mal klicken. Aber danke für den Hinweis, ich überleg mir was.
  • Allgemein - Der Shop gehört später zu einer Community. Ich hab keine Ahnung ob das Gästebuch drin bleibt oder nicht.
  • Code
    • HTML - Der Shop lief vorher unter HTML 4.01 --> damit funktioniert aber weder meine Navigation noch sämtliche Elemente die ich sonst so auf den anderen Seiten verwende. In den Templates hab ich sämtliche img / input und br Tags geschlossen. Nun sind noch einige in der language.php (*würg*)
      Schlimmer sind aber die HTML-Elemente, die aus den verschlüsselten php-Dateien kommen. So lange Oxid da nichts ändert, werd ich es auch nicht können.
    • CSS mach ich noch valide - wobei ich über die ganze CSS Dateien kotzen könnte wenn ich sie ansehe... hat sich einfach zu viel Müll angesammelt... mit jeder Applikation mehr Unnützes und inzwischen auch kein Überblick mehr.

LG Carolin
Mit Zitat antworten
  #4 (permalink)  
Alt 09.01.2009, 12:00
Benutzerbild von andreas'
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 05.01.2009
Beiträge: 590
andreas' wird schon bald berühmt werden
Standard

Layout: wesentliche Verbesserung zum Original von Oxid!

Schau dir mal diese Seite im Opera an

Im ersten Artikel rutscht die Schrift
Zitat:
Artikel pro Seite: 100
aus dem Kontainer

Krieg' ich jetzt ne Dose Proteine?
__________________
Flötist Saxophonist | Myspace l XING
Mit Zitat antworten
  #5 (permalink)  
Alt 09.01.2009, 17:55
Benutzerbild von Carolin
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 26.11.2007
Beiträge: 232
Carolin wird schon bald berühmt werden
Standard

Hallo andreas,

danke für deinen Kommentar. Die Suchergebnisseite hab ich bisher noch überhaupt nicht angefasst. Der von dir genannte Text verlässt auch im FF3, IE7 und Safari die Box. Das ist aber aktuell auch noch nicht so schlimm.

Vielleicht sollte ich mal etwas zu meinem Vorgehen sagen:

Ich arbeite mich von unten nach oben. Zuerst sämtliche einfachen Seiten. Hilfe-Seiten, Kontakt etc. Das mache ich so, um mich mit der Software vertraut zu machen, dem Smarty das sie verwenden, dem CSS etc.

Dann arbeite ich mich langsam nach oben. Ziemlich am Ende kommt die Index-Seite.

Im Moment ist das was ich schon gemacht habe auch in großen Teilen nur für den FF3 ausgelegt. Aktuell bin ich am Warenkorb/Bestellvorgang (bis Schritt 4).

LG Carolin

P.S.
Tja... und leider werd ich immer wieder mal von neuen Features überrascht...
Wie macht ihr das? Die Smartyaufrufe lassen ja nicht immer wirklich erahnen welche Fälle in einem Template so eintreten können. Wie testet ihr auf die verschiedenen if/else Zweige?

Geändert von Carolin (09.01.2009 um 18:24 Uhr)
Mit Zitat antworten
  #6 (permalink)  
Alt 09.01.2009, 18:55
Benutzerbild von Timo
table-layout: none;
XHTMLforum-Kenner
 
Registriert seit: 11.11.2006
Beiträge: 5.345
Timo ist ein LichtblickTimo ist ein LichtblickTimo ist ein LichtblickTimo ist ein LichtblickTimo ist ein Lichtblick
Standard

Hi Carolin,

Zitat:
Zitat von Carolin Beitrag anzeigen
P.S.
Tja... und leider werd ich immer wieder mal von neuen Features überrascht...
Wie macht ihr das? Die Smartyaufrufe lassen ja nicht immer wirklich erahnen welche Fälle in einem Template so eintreten können. Wie testet ihr auf die verschiedenen if/else Zweige?
Wie meinst du das? Also ich programmiere eigentlich alles selbst und da Teste ich jeden Fall der abgedeckt und mir möglich erscheint durch

Gruß
Timo
__________________
Um weitere Erklärungen eingeblendet zu bekommen, drücken Sie bitte die Tastenkombination Alt + F4
Mit Zitat antworten
  #7 (permalink)  
Alt 09.01.2009, 19:03
Benutzerbild von Pablo
4 8 15 16 23 42
XHTMLforum-Kenner
 
Registriert seit: 31.05.2004
Beiträge: 1.772
Pablo sorgt für eine eindrucksvolle AtmosphärePablo sorgt für eine eindrucksvolle Atmosphäre
Standard

Moin,

ganz kurz nur:
Menü von zend.com geklaut?

Gruß,
Pablo
__________________
Go Opera!
… oder Chrome. Auch cool.
Mit Zitat antworten
  #8 (permalink)  
Alt 09.01.2009, 19:12
Benutzerbild von Carolin
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 26.11.2007
Beiträge: 232
Carolin wird schon bald berühmt werden
Standard

Schreibst du sämtliche Templates neu?

Ich setze auf den Templates von Oxid 4 auf und modifiziere sie. Teilweise ergänz ich es noch um weitere Templates, aber das führt teilweise schon zu Problemen, weil nicht alle Funktionen in allen Templates zur Verfügung stehen und an die php Dateien kommt man bei Oxid PE nicht ran.

Also ich meine folgendes:

z.B. erscheinen auf den Produktseiten falls erlaubt Videos, Kommentare, ähnliche Produkte usw. je nach Konfiguration.

Oder eben der Warenkorb an dem ich grad bin. Im Template hab ich folgenden Fall:

HTML-Code:
[{if !$oxcmp_basket->getProductsCount()  }]
<div class="msg">[{ oxmultilang ident="BASKET_EMPTYSHIPPINGCART" }]</div>
[{else }]
[{if $oView->isLowOrderPrice() }]
  <div class="bar prevnext order">
     <div class="minorderprice">[{ oxmultilang ident="BASKET_MINORDERPRICE" }] [{ $oView->getMinOrderPrice() }] [{ $currency->sign }]</div>
Das heißt, ich muss ja irgendwie rausfinden was genau an dieser Stelle eingefügt wird wenn der Fall eintritt. Das erste div kennzeichnet z.B. die Nachricht die kommt, falls nichts im warenkorb drin ist. der 2. Fall müsste irgendwas mit einem Mindestbestellwert zu tun haben. Den Fall ha ich aber noch nicht konstruiert.

Darum war meine Frage, inwiefern ihr solche Fälle testet und ausfindig macht.

LG Caro
Mit Zitat antworten
  #9 (permalink)  
Alt 09.01.2009, 19:12
Benutzerbild von andreas'
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 05.01.2009
Beiträge: 590
andreas' wird schon bald berühmt werden
Standard

Ganz kurz nur: he he....
__________________
Flötist Saxophonist | Myspace l XING
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 09.01.2009, 19:42
Benutzerbild von Carolin
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 26.11.2007
Beiträge: 232
Carolin wird schon bald berühmt werden
Standard

Die Idee ist von zend.

HTML und CSS sind von Stu Nicholls (wie in der CSS auch referenziert).
http://www.cssplay.co.uk/menus/pro_drop11.html

Der eingebaute Warenkorb ist von mir. Bzw. der Warenkorb ist von Oxid, dass er in der Navigation dargestellt werden kann ist von mir.

Geändert von Carolin (09.01.2009 um 19:47 Uhr)
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Bitte um Hilfe - CSS und Prozentangaben sprefer CSS 3 01.03.2011 05:11
Untermenü im IE nici CSS 10 22.06.2009 22:19
Probleme mit Layout kruemelchen26 CSS 0 15.05.2007 23:40
Dynamische Layout Breite und Höhe altes-kind CSS 7 12.01.2007 12:54
Positionierung und Layout Probleme dabidu CSS 9 22.10.2006 10:57


Alle Zeitangaben in WEZ +2. Es ist jetzt 20:08 Uhr.