Mein Kampf mit StyleEdit - euer Rat ist gefragt

Hallo Community,
ich verzweifel momentan arg mit StyleEdit was momentan eher in Frust endet als mit Spaß
damit irgendwie zu arbeiten, weil vieles nicht leicht, kompliziert oder gar nicht umsetzbar ist, so mein Eindruck.
Dabei scheinen es banale Dinge zu sein, aber irgendwie mag alles nicht so wie ich es möchte.
Hierbei stoße ich immer wieder auf die Frage, was dass ganze mit den Grid-Spalten soll bzw. wie genau die überhaupt Arbeiten. Klein, Medium & Groß-Prinzip habe ich soweit verstanden (Klein = Smartphone / Groß = Desktop).

So lassen sich zb. Abstände / Positionen nicht wie gewünscht verschieben oder es gibt keine Option dazu.
Mein erstes Problem ist folgendes:



Hier habe ich das Logo mit StyleEdit ausgeblendet, da der Logo-Manager im Backend das Logo einfach
zu klein darstellt, und wenn man die Größe mit StyleEdit bearbeiten will, verschiebt sich hier mal was,
oder die Proportionen stimmen nicht oder gewisse Einstellungen haben einfach keine Wirkung.
Nun haben wir aber folgendes Problem wie im Bild zu sehen.

Die Suche lässt sich Vertikal verschieben, reißt den Header aber in die Länge. Horizontal haben die Einstellungen aber keine Wirkung, egal was ich einstelle. Selbiges Problem habe ich auch mit dem Warenkorb welchen ich Vertikal verschieben kann, aber nicht Horizontal und die (1) am Warenkorb, lässt sich überhaupt nicht bearbeiten,
weshalb die jetzt seitlich vom Korb sitzt, und nicht oben Rechts am Griff, wie im Standard.
Verschiebe ich den Korb, bleibt also fest die (1) an ihrer Position. Würde ich den Korb höher machen, wäre die (1) also unten Rechts vom Korb.

Das nächste Problem welches ich habe, ist auf diesem Bild zu sehen:



Egal was ich einstelle, die Rundungen im Footer bleiben vorhanden.
Die einzigen Rundungen die ich eingestellt habe, sind die der Buttons.
(PS: Ich hoffe der Footer-Text ist so okay für Gambio .. )

Vielleicht ist es dem ein oder anderen aufgefallen, dass ich als aktuellen Shop-Hintergrund
ein Wartungsbild habe bzw. der eigentliche Text vom Shop selber verdeckt wird.
Nun das liegt daran, dass wenn ich einen "normalen" Hintergrund mit StyleEdit einstelle
und dann Darstellung --> Shop online/offline das Wartungsbild als normales Bild einstelle,
folgendes Problem erzeuge:



Über der Wartungsseite sehen wir also ein Stück vom Hintergrund, was eigentlich nicht sein sollte.
Im selben Bild sehen wir unten dann dass man die Seite Scrollen kann, und damit automatisch den gesamten Hintergrund problemlos einsehen kann. Löse ich das wie aktuell dass der Shophintergrund die Wartungsseite selber ist, habe das Problem natürlich nicht.

Auch schön umgesetzt finde ich zb. folgende Seite: http://controller-tuning.de/
Vor allem wenn man auf das Schloss Rechts am Rand klickt.

Was mich bei der StyleEdit BOXED-Version auch stört, dazu habe ich hier im Forum aber auch schon was gelesen,
ist dass man den Header nicht fixieren kann. Zumindest nicht auf normalen Wege wie man es mit der Full Width-Version machen könnte, aber man dann auf einen Hintergrund verzichten muss?

Wobei das "Problem" eher mit der Layout-Option in StyleEdit mit dem Punkt "Eingerahmter Shop" zusammenhängt.
Schaltet man die Option aus, zentriert sich beim Scrollen oben der Header. Nur hat man dann folgendes Problem:



Der Hintergrund wird unterbrochen. Wie kann man das anders lösen?
Ich würde die Full-Width-Version ja auch prinzipiell nutzen wollen, wenn der Hintergrund den auch "korrekt"
arbeiten würde.

Hier fände ich nämlich die Umsetzung von einem eurer Referenz-Shops (https://www.games2game.at) gut gelöst,
wobei beim Scrollen kein Smoother-Übergang im Header stattfindet.
Leider habe ich auch noch keine Option oder Lösungswege gefunden wie man den Slider so umsetzen kann
und Links davon einen quasi "Info-Bereich" wie im Shop.

Auf welchem Wege lässt sich übrigens solch eine Info-Box über dem Header einbinden?
Ein Plugin dazu o.Ä. habe ich leider nicht nicht gefunden.


So genug Text erstmal für den "Anfang" .. das sind erstmal die erste Probleme die mir momentan zu schaffen machen,
neben vielen anderen wo ich noch euren Rat benötige. Aber, der Reihe nach.

 

Schau Dir das hier einmal an:
(Link nur für registrierte Nutzer sichtbar.)
Der Shop-Style funktioniert auf diesem Prinzip.

Wieso musst Du auf ein Hintergrundbild verzichten?
Du hast keine sichtbare Box, in der der Shop ist, du kannst aber ein Hintergrundbild einfügen und dem main-Bereich eine Hintergrundfarbe, damit alles lesbar bleibt.

Versuche mal den transparenten Header und nicht den full-with slider - der will den Slider über die ganze Breite.

 

Eigentlich komme ich mit CSS ziemlich gut klar. Bin aber hauptsächlich die Arbeit mit Wordpress gewöhnt. Von daher kenne ich auch einige Style-Editoren bzw. Customizer. Der SE von Gambio erscheint mir jedoch arg inkonsistent und durcheinandergewürfelt (Output).

Für einen meiner Dienstgeber (Link nur für registrierte Nutzer sichtbar.) baue ich gerade (auf meine Empfehlung hin) einen neuen Gambioshop auf. Meine Probleme mit dem Stylesystem:

• es scheint so ziemlich Alles über Bootstrap aus den Eingaben im SE generiert zu werden, wenn ich mir die herunterladbare JSON-Datei des Styles so ansehe. main.min.css und z.B. stylesheet.css spielen dabei welche Rolle?
• Teaser-Slider - zuerst habe ich den Header auf 250px erhöht, dann den Freibereich und den Warenkorbbaustein. Hmm - sobald ich den Teaser auf zentriert setze, rutscht er hinter die Kategorienavigation bzw. wird vom Header abgeschnitten. Im Grunde betrifft es den ganzen Contentbereich.
• Menüleiste/Kategorien - den Vertikalabstand der Kategorieeinträge bzw. die Hintergrundfarbe für active und hover kann ich einstellen. Für CMS-Seiten scheint es keine Einstellungsmöglichkeiten zu geben.
• Beispiel footer Linkeinstellungen: die Linkfarbe lässt sich im SE einstellen, nicht aber hover. Es ist schon schlimm, sich alle Einstellungen mühsam zusammensuchen zu müssen. Aufgrund der Abhängigkeiten mit dem SE und der zu erwartenden Weiterentwicklung, will ich nicht so einfach in den *.css herummurksen

@barbara - danke für den Hint mit der Bootstrapseite

Bitte um ein wenig Gehilfe bei den ersten Schritten mit Gambio - Danke

lg-robert

 

Habe ich nicht genau das gemacht? Ich möchte ja dass die Wartungsseite KOMPLETT den Shop "abriegelt",
und man von außen nicht sehen kann was hinter dieser liegt. Quasi wie eine geschlossen Tür ohne Fenster,
was ich für mich momentan nur so lösen kann, wie ich es aktuell habe, dass die Wartungsseite der Hintergrund ist.

Hat leider nichts gebracht, und erzeugt das selbe Problem wie in meinem 3 Bild oben.

- - -
Der letzte Punkt von SKG ist auch einer meiner, dass herumwuscheln in x verschiedenen .html oder .css-Datein was sehr sehr umständlich ist, gerade wenn man StyleEdit so sehr lobt und hervorhebt. Ich habe damit momentan so manches Problem, wie man oben ja lesen kann.

Das andere Problem ist hierbei, ich kenne mich mit CSS nicht aus, kenne die ganzen Befehle und Codes nicht, das würde bei mir Wochen wenn nicht gar Monate dauern bis ich vielleicht die Basics drauf habe.

Wenn ich da an vorgestern denke wo ich mal eben 6-8 Stunden damit verbracht habe in StyleEdit zu hocken um gewisse Sachen irgendwie hinzubekommen, dazu noch mit Photoshop gearbeitet habe und von 1. Footer mal eben 7-8 "neue" Designs erstellen musste weil man das vorherige nicht überschreiben konnte.
Bild 1 (der Header) ist da das Beispiel. Bis ich die Schrift und die Icons so in Position hatte wie jetzt, musste ich 7x den Footer neu erstellen.

Für mich wirkt der StyleEdit einfach noch sehr sehr unausgereift.
Warum man nicht einfach simples Verschieben oder Platzieren von Elementen per gedrückter Maustaste machen kann, finde ich etwas schade und eben wie SKG sagt, auch kompliziert.

 

Hallo Robert,

wenn Du Dich mit css auskennst, kannst Du Dein eigenes css im Style Editor eintragen, oder als Datei unter
templates/ Honeygrid/ usermod/ css/
hochladen.
Mixins gehen aber wohl nur im Style Editor.

Wenn Du im SE eigenes css einfügen möchtest, öffnest Du Deinen Style zum Bearbeiten und klickst noch einmal auf den Namen des Styles. jetzt sollte unter dem Namen ein Link "eigenes css" auftauchen.
Herausfinden welcher Code-Bereich wie heißt, kann man über die Funktion "untersuchen", bzw. die Taste "F12", zumindest in Chrome und FF (in edge habe ich das auch gesehen, glaube ich)

 

Gambio hatte schon im letzten Template einen Style Editor, mit dem man Farben und Schriftgrößen ändern konnte.
Honeygrid ist jetzt viel komplexer, schon alleine dadurch, dass es responsiv ist.
Als Honeygrid mit dem 1. Style Editor raus kam, konnte der noch nicht so viel, wie er jetzt kann. Das Teil wird vermutlich auch immer weiter entwickelt.
Ich denke mal, dass Gambio nicht auf die Idee gekommen ist, dass User Bereiche verschieben können wollen.
Und der Wunsch kommt - zumindest hier im Forum - auch nicht so oft.

Ich habe mal eben Dein bild hier im Forum kopiert und in meinem Testshop eingefügt und diesen off geschaltet.
(Link nur für registrierte Nutzer sichtbar.)
Das geht ohne Probleme mit diesem Quellcode:

HTML:

<br />
    <img alt="" class="img-responsive" src="images/image/test.jpg" style="margin: 0 auto;
    width: 80%;" /> &nbsp;

Den Bildpfad musst Du für Dein Bild ändern und die 80% eventuell noch anpassen.

 

Ist halt alles noch nicht ausgereift und manches auch meiner Meinung nach nicht wirklich durchdacht mit StyleEdit.

Danke Barbara aber soweit für den Code.
Der scheint das ganze mehr zu Zentrieren, was schon mal besser ist als vorher,
wenn auch der Shophintergrund noch zu sehen ist. Aber ich denke man kann es erstmal so lassen.

Bleiben noch die Punkt 1, 2 & 4 ungelöst :/

Besonders das Problem mit dem Header muss weg, und wie ich die Zahl am Wahrenkorb verschieben kann.
Wenn ich ohne Logo im Header arbeite und über den Shop das Logo wieder einblende ist zwar alles wieder "normal",
aber mit der Größe bin ich nicht ganz so zufrieden.

Auch würde ich gerne eine Infoleiste am oberen Bildschirmrand haben, finde dazu aber weder Plugin noch Möglichkeit.

EDIT - 01:36
Nun Punkt 1 scheint... mehr oder weniger etwas provisorisch gelöst zu sein.
Ziemlich nervige Fummelarbeit mit den Grid-Spalten, aber nun scheint es etwas besser zu passen.
Nur bleibt wenig Platz neben dem SSL-Logo wenn man 3 Icons nebeneinander bekommen möchte.



Muss man nur noch am Warenkorb die Zahl irgendwie verschieben können dass die oben Rechts ist.
Auch würde ich gerne Links neben den Warenkorb noch "Mein Konto" und vll. noch "Merkzettel" haben.

 

Ich werf hier auch noch mal eben folgende Links rein, vlt. helfen sie dir:
https://www.gambio.de/blog/styleedit-3-tutorials-teil-1/
https://www.gambio.de/blog/styleedit-3-tutorials-variablen-scss-mixins/

 

Also, bei Templatesachen kann ich immer wieder die Jungs von (Link nur für registrierte Nutzer sichtbar.) empfehlen.

Die sind kompetent, haben günstige Templates im Angebot und helfen stets bei Problemen. Meist war es so, dass ich mehrere Stunden etwas probiert habe und netdexx das Ganze in wenigen Minuten erledigt hat.

 

@barbara - danke. Du meinst die Entwicklertools bzw. Firebug (FF). Mit denen arbeite ich sowieso. Ohne diese Werkzeuge hätte ich schon längst aufgegeben.

Trotzdem ist es eine extrem mühsame Sache, sich in den Styleaufbau einzuarbeiten. Zumal - Kritik geht an @Torben (Gambio) & Team - die Terminologie im SE stark irreführend ist. Beispiel: unter "zentriert" versteht man allgemein "center". Im SE löst diese Funktion in Kombination mit anderen Einstellungen 'interessante' Resultate aus. Intuitiv sieht anders aus.

Ebenso wenig konnte ich bisher herausfinden, wie man den Content-Style auf full-widht mit seitlichen Einrückungen (%) stellen kann. Es existiert im SE lediglich eine Voreinstellung von 1200px, die man höherschrauben kann.

Was dafür komplett fehlt sind Einstellungen für obligate Einrückungen: top-left-right-buttom für Logo & Co oder im Footer für den Text. Muss man Alles händisch nachcodieren. Was nicht soviel ausmachen würde, würde der SE nicht für Verwirrung stiften. Ein simpler CSS-Editor wie in Wordpress wäre ungemein hilfreicher. Abgesehen von den fehlenden Kommentaren in den CSS-Dateien, um Abschnitte besser Verständlich zu machen.

Leute - das ist eine Trial-Error-Partie, die noch durch die ungenügende Dokumentation verschärft wird. Bin langsam echt sauer ob der Zeit (die ich mich in dem Umfang gar nicht mehr verrechnen traue), schon alleine bei der Einarbeitung vertue.

 

Hallo,

Ich muss leider Comp4ny recht geben im Bezug auf folgende Punkte..

Ganz ehrlich und ohne jemanden zu nahe treten zu wollen aber aus der Sicht eines Gambio NewComers geschrieben..


Wie ich es schon einmal gesagt habe.. Warum kann nicht all der Content von dem Header nur in der "Header" Kategorie sein.. Man muss hoch und runterscrollen, nachkontrollieren ob man denn auch die richtige Farbe geandert hat, das Richtige mass eingegeben hat und ob es ueberhaupt die richtige Kategorie war..

Die "Startseite" als Wortbegriff wird im StyleEdit zum Beispiel nicht erwaehnt.

Es waere wirklich gut wenn man den StyleEdit in die Ebenen der Webseite unterteilt, die Begriffe zum bearbeiten etwas mehr Webseite bezogen betitelt und das eben auch all das aber auch nur das was man zum bearbeiten der Startseite braucht auch dort zu finden ist. Im Klartext.. Wenn ich die Schriftfarbe oder Schriftart zb. dort aendere sollte es eigentlich nicht auch die Schriftart/farbe im Footer oder Header beeinflussen.

Schriftarten einstellen in verschiedenen Kategorien ist sogut wie unmoeglich oder nur mit CSS.

Wenn schon CSS benoetigt wird um die Webseite zu personalisieren sollte man auch eine Liste bekommen wo diese CSS Codes aufgefuehrt werden. Mir ist klar das CSS keine Programmiersprache ist aber trotz allem kann diese Sprache nicht jeder.

Wie auch Comp4ny sitze auch ich an absoluten Kleinigkeiten fest welche leider das veroeffentlichen meiner Webseite nun nach hinten verschieben wird weil ich den Rand eines Bildes absolut nicht bis zum Rand des Rahmens bekomme, die Farben der Hintergruende und/oder die Schriftarten/farben nicht einstellen lassen. Meine Optionen sind zum einen, im Forum fragen - auf Antwort warten und hoffen das es jemand weiss zum anderen kann/muss ich Stundenlang herumprobieren bis ich evtl die Lust daran verliere oder ich mir die Finger wund gegoogelt habe.

Wenn ich mir ueberlege das ich nun noch knapp 4000 Artikel hochzuladen habe und ich schon seit knapp 3 Tagen an einem Bildrand festhaenge traue ich mich nicht daran zu denken was da noch alles kommt..

@barbara das waere ein Traum wenn es um das erstellen/designen der Webseite geht.

So nun genug mit beschweren, ich danke auf jeden fall barbara und Torben fuer die Hilfe.

Also ich wollte hier niemanden angreifen und ich hoffe ihr nehmt die Kritik nicht persoehnlich.


Andy

 

Also, ich kann nur immer wieder betonen, dass man sich bzgl. des Templates beruhigt an die Jungs von (Link nur für registrierte Nutzer sichtbar.) wenden kann. Dort gibt es für wenig Geld richtig gute Sachen. 144 Templates stehen für GX3 und Honeygrid zur Verfügung. Der Support ist unschlagbar.

Bevor man sich selbst 1 Woche oder länger hinsetzt ... dagegen sind die Kosten der Templates nahezu lachhaft ... es sei denn euer Stundenlohn liegt unter 3 EUR / Stunde.

 

Erstmal vorneweg:

Kritik ist immer gerne gesehen, solange sie sachlich ist. Da muss man auch keine Angst vor Rache, Zensur oder irgendwas haben, wir leben da eine Kultur die ziemlich einfach, geradeaus und entspannt ist. Und wenn jemand sachliche Kritik ausübt, dann fühlt sich auch niemand auf den Schlips getreten. Soweit also schon mal alles im Lot.

Das hängt mit einer Grundsatzentscheidung zusammen, basierend auf Erfahrungen aus dem Vorgänger. Im Vorgänger konnte man auf Elemente im Bild klicken, und diesen Elementen dann Stile zuweisen. Das ging für so ziemlich jedes Element einzeln, und das war problembehaftet. Es führte nicht nur dazu, dass Leute sich Ihre Layouts öfter mal grpndlich kaputt gemacht haben, weil Sie nicht verstanden haben wie die Abhängigkeiten der Elemente zueinander sind, sondern auch dazu, dass Leute sich öfter mal optisch unglaublich anstrengende Dinger zusammengeklickt haben. Wir haben darum entschieden, wir versuchen im jetzigen Produkt verwandte DInge stark zu gruppiern. Aus diesem Grund gibt es jetzt sowas wie eine Grundfarbe, eine Textfarbe, eine Erfolgs und Warnungsfarbe und so weiter. Die wirken dann natürlich nicht nur im Header sondern überall, und sind darum in der Header Sektion falsch zuhause.
Wenn man Dinge gruppiert wird man immer das Problem haben, dass unterschiedliche Leute die die Karten sortieren unterschiedliche Gruppierungen sinnvoll finden. Unser Ansatz war zum Beispiel in einem Shop sollten möglichst alle Kategorien gleich und damit konsistent aussehen, so haben wir die Karten gemischt. Wenn jemand pro Kategorie eigene Stile haben will, dann passt das natürlich nicht, das haben wir aber als "Anwendungsfall für Fortgeschrittene ausserhalb der Masse" eingeschätzt. Das heisst es gibt keine starken Vereinfachungen, da muss man wirklich etwas CSS können oder man zeigt sein Problem der Meute und die Händlerkollegen oder wir geben dann Tipps auf den Punkt. Die erwähnten Designdienstleister sind natürlich auch noch da und können ebenfalls gut helfen, einem die wochenlange Auseinandersetzung mit CSS wenn man keine Ahnung hat und mehr will abzunehmen. Wenn man in der gesparten Zeit kein Geld verdienen kann, sind die absolut günstig.

Welche Einstellungen vermisst du denn für die Startseite? Dann können wir uns ansehen ob das ein betrachtenswerter Usecase für eine Allgemeinheit ist oder dir Tipps auf den Punkt geben.

Da kommt wieder das obengenante ins Spiel. Wir wollen vermeiden, dass jeder Händler jedes Wort auf jeder Seite in einer eigenen Type setzt, wir haben nämlich gelernt wenn Leute das simpel können, werden Sie es leichtfertig tun. Wir wollten mehr Einheitlichkeit, weil wir das Gefühl hatten die Leute schaden sich hier öfter selbst. Unser Bestreben zu helfen und zu lenken etwas sinnvolles zu machen steht also erstmal konträr zu deinem Wunsch.
Nur zur Sicherheit: der Wunsch ist mir absolut plausibel, man kann das wollen und wir können das auch lösen. Wenn du da was machen willst, eröffne mal einen eigenen Thread dazu, ein Problem pro Thread statt 300 ist immer gut. Dadrin zeigst du in einem Bildchen welche Texte du anpassen willst, dadrin sollte ein Link zu deinem Shop sein (CSS raten müssen ist ziemlicher Murks, da muss man konkret draufschauen...) und dann findet sich was.

Im Forum fragen ist nicht dumm, wenn man zumindest etwas Zeit hat. Ansonsten verweise ich auch nochmal auf die genannten Designdienstleister. Wir reden hier, wenn keine hochkomplexen DInge abgebildet werden sollen, über dreistellige Summen die da aufgerufen würden. Die sind damit eine Abkürzung und kalkulierbar. Wenn diese Kosten nicht abbildbar sind, weil die Margen und Profite absehbar die Kosten nicht wieder einspielen können, gibts 2 Varianten: Kleiner anfangen und sich dann schrittweise auf das Ziel zuarbeiten, oder das Geschäftsmodell noch mal ansehen.

Wenn man ein Business aufbauen will ist das übrigens ein wesentlicher Punkt: Priorisieren. Was ist zu Anfang wichtig, was nicht so? Ist die Artikel erstmal drin haben und live haben vielleicht ein höher zu priorisierendes Hauptproblem, statt sich an Styledetails jetzt festzubeissen? Uninformiert wie ich über deine Pläne bin, könnte ich mir das gut vorstellen. Und wenn man Prioritäten festgestellt hat, ist Delegation wichtig. Was muss ich selbst machen, welchen Nebenkrieg gebe ich jemand anders in die Finger? Cesar hat nicht selbst alle Gallier erschlagen, er hat seine Leute das machen lassen. Danach war Rom erstmal lange gross und sein Konto trotzdem voll.

 

Hallo Wilken,

Danke fuer die Ausfuehrliche Erklaerung und Dein/euer Verstaendniss.


Es ist doch so das nahezu alle User Interfaces die wir heutzutage im Alltag benutzen entweder Kategorisch Logisch erstellt sind oder Kategorisch einstellbar sind um es dem User so einfach wie moeglich zu machen das dieser mit wenig Aufwand schnell das erstellen/kreieren oder finden kann was dieser benoetigt um sein Vorhaben durchfuehren zu koennen. Wir, die User haben uns/sich daran gewoehnt und leider vergessen oder verlernt zu suchen.

Ich verstehe.-.

.-.

Wenn diese Probleme unterschiedlicher Natur sind, zb. Admin technisch, server technisch oder Probleme beim Installieren (FileZilla) ect. macht das 100%ig Sinn, wenn man aber die Probleme welche ich angesprochen habe einmal zusammenfasst kommt alles so ziemlich auf den Nenner StyleEdit User Interface.

Ich hatte 2 Ideen was man machen koennte um das erstellen und bearbeiten mit dem StyleEdit zu vereinfachen wenn man eine vereinfachte Unterteilung/Kategorisiereung nicht moeglich oder fuer nicht hilfreich halten sollte.

#1. Man koennte eine art "Hint popup" integrieren welcher, beim "Hovern" ueber einem Font, Hintergrund, Farbe, Kategorie ect. anzeigt um was es sich handelt. Zb. der "Einkaufskorb".. Hovert man darueber zeigt es Kategorie und Farbe an..

#2 Dies kann ich mir vorstellen wird schwerer sein zum realisieren.. Wenn man im StyleEdit auf einen Kategorie Inhalt clickt oder darueber Hovert zeigt es auf dem Template wo dieser Inhalt implementiert ist und somit weiss man auch was man veraendert oder bearbeitet.

Auch die schon angesprochene CSS Liste waere mehr als hilfreich fuer viele der User und wuerde euch auch eine Menge Arbeit ersparen.

Was ich so aus den verschiedenen Threads herauslesen konnte handelt es sich meist um sehr aehnliche kleine aber sehr sehr nervige Probleme womit man sich eigentlich nicht zu lange beschaeftigen moechte.


Andy

 

Mal ein Beispiel:
Ich bin unerfahren und ändere jetzt, weil es geht,
Für die Startseite stelle ich alle Überschriften "h2" auf 40pxx, undknallrot,
in den Kategorien mache ich das in Pink und 20px, im Artikel grün und 10px und im Content lila und 30px

Der Shop ist zum Weglaufen. Da ich aber immer nur die Seite ansehe, die ich gerade bearbeite, fällt mir das gar nicht so schlimm auf, bleibt also so.
Irgendwann kommt im Forum die Frage "warum kauft keiner bei mir?"

Ein 2. Beispiel:
du gibst alles gleich ein, gleiche Farbe, gleiche Schriftgröße gleiche Schrift-Art.
(Geht alles unter Allgemeines --> Schrift.)
Jetzt findest Du eine Webfiont, die Dir besser gefällt. Die instillierst Du.
Im Moment brauchst Du nur einmal die Schrift und Schriftgröße ändern - Du hast überall die neue Schrift.
So wie Du das möchtest, müsstest Du jetzt für den Header, den Footer, die Content-Seiten, die Artikel... einzeln die Schrift ändern.
Willst Du das wirklich?
Du wirst kaum auf der Startseite eine andere Schrift, Farbe oder Schriftgröße einstellen, als in den anderen Seiten
Und wenn doch, kannst Du das auch ganz einfach im Textfeld, dafür braucht man den SE nicht.

 

Hallo barbara,

Mit allem Respekt .-.

.-.
Ich kann mir beim absolut besten willen nicht vorstellen das jemand sollch einen Shop erstellen wuerde und auch wenn dies jemand tut kann dieser sich anhand unmengen von Webseiten Ideen sammeln im Bezug auf Font und Farbharmonie. Dies wuerde auch bedeuten das man keine eigenen Design ideen verwirklichen kann vielmehr das diese im Grund voreingestellt und eingeschraenkt sind.
Man darf nie vergessen und unterschaetzen welche Art von Shop ein User evtl. erstellen und welches Publikum man ansprechen moechte. Ich vertstehe absolut das Gambio sicher gehen will das all deren User bei dem Design Prozess auf sicherer Seite sind.

Ich denke du hast mich etwas missverstanden. .-.

.-.
Die rede war von der moeglichkeit bestehen Font Variationen einfacher individuell anzupassen - (Italic - Thin Italic zu Bold oder Black Bold, usw.). Mir ist 100%ig klar das man nicht verschiedene Fonts benutzen sollte. Ich persoehnlich bin happy mit einem Font style - aber wie gesagt, solange man die Font variationen und Schriftfarben individuell anpassen kann oder koennte. (siehe Bild/er).
Ausserdem lag der Schwerpunkt meiner Kritik an der Ueberschaubarkeit und Einfachheit des StyleEdit User Interface.

Gleiche Antwort .-.

.-.
Wie gesagt ich denke nicht und kann es mir absolut nicht vorstellen das jemand der eine Webseite erstellen moechte sich nicht vorher Ideen holt und gruendlich Recherche betreibt. Sorry aber das Beispiel ist nicht sehr reell denn das erste was absolut jeder macht ist vergleichen da man ja das Ziel hat, zum einen aufzufallen und zum anderen besser oder unique zu sein.


Andy

 

Es gab einige Shops, wo wild "gestylt" wurde, weil die User weder ein Verständnis für Farben noch für Style allgemein hatten.
Frei nach dem Motto: "alles was ich anders machen kann, mache ich irgendwie anders"
Wenn man will, kann man alles per css stylen. Dann muss man sich aber ein bisschen mit dem css beschäftigen, was aber eigentlich nicht schwer ist.

Das sollte so sein, leider ist die Realität zuweilen etwas anders
Ich habe schon eine menge Shops gesehen, viele die gelungen und toll sind, aber bei einigen bin ich auch rückwärts vom Stuhl gerutscht. die User haben sich auch inspirieren lassen: den pink-farbenen Header aus Shop A, den giftgrünen Hintergrund aus Shop B und den Footer oder die schrift in royalblau., sah in Shop C toll aus.
Glaub mir, da findet man den "Schließen" -Button gar nicht schnell genug.

Der ist schon besser geworden und kann schon deutlich mehr, als am Anfang von Honeygrid.

Mal ein paar Codes:
Breadcrumb, das kleine Zeichen zwischen den Titeln:

Code:

#breadcrumb_navi {
    color: #DeinFarbcode;
}

Breadcrumb - Links:

Code:

#breadcrumb_navi > span > a {
    color: #DeinFarbcode;
}

Breadcrumb - aktuelle Seite:

Code:

#breadcrumb_navi > span {
    color: #DeinFarbcode;
}

Der "Gambio" - Link im Footer:

Code:

#footer .footer-bottom a {
    color: #fff;
}

Der Text bei der Suche hat die "normale" Schriftfarbe. Wenn man das nciht lesen kann, kann man vermutlich auch andere Texte auf dem Hintergrund nicht lesen.

Man kann die Textfarbe ändern, das gilt dann aber auch für die Beschriftung bei anderen Eingabefeldern.
z.B. im Kontakt - Formular

 

Hi,

habe Problem mit dem Header und CSS:
am besten sieht euch das selber an:
www.hshandel-shop.at

das andere ist der CSS code, da haut was nicht hin, der Header sollte schwarz sein, sobald ich den code mit dem Shopping cart vom font awesome einfüge gibt er mir eine Fehlermeldung!

 

Du hast da html im CSS Style, das geht nicht. Ich seh da zum Beispiel ein i Tag im CSS Fenster.

 

ich möchte desen code einbinden, damit mein warenkorbicon zum Header angepasst wird.
kann ich diesen auf CSS umändern?

<i class="fa fa-shopping-basket" aria-hidden="true"></i>