Hab mittlerweile noch mehr hinbekommen.
Bräuchte nur noch bei zwei Dingen vllt Hilfe.
1) wenn ich bei ul.Products li div { eine dünne top border einfüge, welche nur über dem hellblauen Kästchen (über dem Produktnamen) sein soll, dann fügt er aber auch eine dünne Linie in die Mitte ein, zwischen Produktnamen und Produktpreis
2) die Farbe vom Produktpreis mit ul.Products li div a { verändert. Für den Produktnamen funktionierte es aber irgendwie noch nicht. Wie kann ich für den noch den Namen verändern ? Und kann ich für den Produktpreis noch "bold" rausnehmen + die Schriftgröße reduzieren ? Font Size small usw. funktionierte irgendwie nicht.
Damit sollte dann das wichtigste hinterlegt sein.
Grüße
EDIT:
hab das jetzt doch alles hinbekommen.
Sieht jetzt direkt viel besser aus.
Noch paar Produktnamen und Bilderformate vereinheitlichen, aber im Prinzip sieht es jetzt schon ganz anders aus als noch vor einer Woche!
Beiträge von Smaddi
-
-
Nochmal für dich:
a) wir sind ein 3 Mann Unternehmen
b) ich bin kein IT-ler
c) trotzdem sind wir auf einen Webshop angewiesen, weil die größe des Unternehmens irrelevant für das Kaufverhalten von Konsumenten ist
D.h. es gibt nunmal aus diversen Gründen diese Shop anbindung und keine Ressourcen diese jetzt zu wechseln oder gar für viel Geld Verbesserungen durch einen Programmierer umsetzen zu lassen. Was wiederum heist, dass ich jetzt als Laie Verbesserungen in CSS hinbekommen MUSS, weil ich schlichtweg keine Alternative dazu habe. Ich würde wohl nicht nach Hilfe fragen, wenn ich es so einfach selbst hinbekommen würde oder wenn es als Alternative ein Wechsel zu einem anderen Shopsystem in Frage kommen würde. -
Mit anderen Worten: Du nutzt ein Script, von dem Du keine Ahnung hast, was es eigentlich tut, Hauptsache es macht augenscheinlich das, was Du erwartest?!
Das ist wohl der schlechteste Ansatz, Probleme lösen zu wollen...
Dazu wundert es mich nicht, dass so einfache Dinge solche Schwierigkeiten machen, wenn ich sehe, dass WordPress ( ein Blog-System! ) für eine eCommerce-Seite zweckentfremdet wird. Nur weil ich an ein Motorrad Stützräder anbringen kann, ist das nicht sinnvoll!
Für eCommerce gibt es haufenweise Shopsysteme, die zudem meistens eine kostenfreie Community-Version haben, bereits responsive Templates mitbringen und auch im Backend deutlich bessere Einstellmöglichkeiten haben, wie die ganzen WP-Plugins.
Mit einer passenden Shopsoftware hättest Du die Probleme gar nicht erst.
In wiefern ist dein Beitrag konstruktiv oder zumindest intelligent ?
Hättest Du nur eine Minute nachgedacht, hätte dir in den Kopf kommen können,
dass
a) nicht jeder der rund ~8 Milliarden Menschen Programmierer ist und
b) die Entscheidung für oder gegen Shopsysteme hundert Gründe haben kann und teilweise von der Geschäftsführung getroffen wird, wodurch man gezwungen ist aus der gegebenen Situation das beste rauszuholen
Trotzdem danke für den Hinweis, dass es bessere Shopsysteme gibt oder Leute die sich mit Java besser auskennen.
Sehr geistreich. Vielleicht solltest Du anstatt Programmierer lieber Psychologe werden... "Sie haben Probleme mit ihrer Frau ? Häh ? Wieso haben sie sich früher nicht einfach eine andere ausgesucht ? Dann hätten sie jetzt keine Probleme!" -
Hi,
muss leider doch nochmal schreiben.
Also ... der Rahmen beim letzten Produkt pro Seite wird jetzt tatsächlich angezeigt. Top!
Beim farblichen Hinterlegen und dem oberen Rahmen für den Bereich mit Produktname, Preis usw. gibt es aber noch diverse Probleme:1) mit dem Code hinterlegt er wirklich nur Produktname plus Preis farblich. Würde es gerne hinbekommen, dass er quasi ab Produktnamen den ganzen restlichen unteren Teil innerhalb der Produktborder ausfüllt, zum unteren Rand sowie zu den beiden seitlichen Rändern hin (siehe Beispielshop mit den Uhren im ersten Post)
2) außerdem bekomme ich es doch nicht hin die Farbe von Produktname und Produktpreis zu verändern. color: #XXXXX funktioniert irgendwie nicht. Vllt. weil es Links sind ? Gibt es einen Befehl um Farbe für Name und Preis trotzdem zu verändern ?
3) kann man nur den Preis etwas kleiner machen und NICHT bold ? Hatte ich mit font-weight: lighter probiert, funktionierte aber irgendwie nicht
Versuche echt immer einen ganzen Schwung aus, um möglichst viel selbst hinzubekommen, aber manche Sachen verstehe ich nicht.
Mal eine prinzipielle Frage: gibt es am Handy eigentlich irgendwie einen Trick wie ich, so wie ich es am PC konnte, einzelne Elemente prüfen kann, um selbst herauszufinden wie ich z.B. gewisse Bereiche ansteuere ?
Grüße
Smaddi -
Heyho,
unglaublich !
Hab nen Java Script gefunden, welches die Anzahl der Objekte pro Seite erhöhte.
Ich weis nich wer sowas überhaupt schreibt bzw. schreiben kann, für mich sah das komplett nach Hieroglyphen aus.
Tatsächlich funktionierte es aber!!
(Im Adminbereich des Shops kann man nämlich quasi gar nichts für die mobile Ansicht einstellen...)
Soweit sogut.
Habe jetzt noch eine border für die Produkte eingefügt.
Was aber komisch ist ... beim letzten Produkt pro Seite wird die Border nicht angezeigt.
Was könnte das für einen Grund haben bzw. wie könnte man das vllt. fixen ?
Dass zwischen den Rahmen der Produkte, in der Mitte zwischen den zwei Spalten, etwas frei ist, die Rahmen sich nicht berühren, habe ich mit "margin-right: 6px" gemacht, flex: 0 0 47%. Das ist okay so oder könnte das dann die responsive Darstellung auf manchen Geräten zerballern ?
EDIT:
kann man eigentlich diesen ganzen Bereich unter den Produktbildern ansprechen ? Also den Bereich in dem Produktname und Preis stehen ? Dem würde ich gerne noch eine Top Border geben, Hintergrund farblich hinterlegen, Schriftstyle und Farbe verändern usw. Glaub das würde ich alles hinbekommen bzw. die Befehle kenne ich schon alle vom Bearbeiten der Ansicht beim Desktop. Finde gerade nur nich heraus wie ich den Bereich überhaupt ansteuere
Beste Grüße
Smaddi -
Heyho,
bin leider null Programmierer, nur Buchhalter.
Die Desktopansicht über viel trial and error halbwegs hinbekommen.
Bei den einfacheren Sachen wie Schrift zentrieren, Farbe bearbeiten, Rahmen oder Hintergrundfarbe hinterlegen brauche ich keine Hilfe, denke ich.
Wobei ich aber nochmal Hilfe gebrauchen könnte, wenn es nicht zuviel Stress macht, wäre das zentrierte ausrichten der Produktbilder.
1) Ich habe jetzt zwei Produktspalten. Dadurch, dass die Bilder in ihrem Block nicht zentriert sind, wirken die Produktspalten aber auch nicht zentriert. Gibt es da die Möglichkeit alle Bilder, egal welche Größe und Format, zentriert auszurichten ?
2) kann man noch beeinflussen wie viele Produkte pro Seite angezeigt werden ? Aktuell zeigt er nur 5 oder so an. Im Idealfall sollte er ruhig 20-30, wenn nich sogar alle anzeigen, oder ?
Beste Grüße
Smaddi -
Heyho!
Erstmal tausend Dank für eure Hilfe!
Es hat tatsächlich funktioniert, die Produktnamen, Preise usw. werden jetzt unter den Produktbildern angezeigt.
Aber zwei Probleme gäbe es ja noch.
1) ist es möglich via Code zu beeinflussen, dass pro Produktseite auf dem Handy zwei Spalten anstatt nur einer angezeigt werden ?
2) falls ja, wäre es dann auch möglich die Produkte bzw. Produktbilder so einzurichten, dass sie deutlich größer angezeigt werden ? Eben wie bei diesem Beispielshop mit den Uhren, responsive vllt. um die ~45% der Seite in Anspruch nehmen, quasi 90% bei zwei Produktspalten und die restlichen 10% sind dann für Rand links, rechts und kleine Trennlinie mittig, zwischen den zwei Produktspalten.
In der mobilen Ansicht sind die Produktbilder einfach ultra klein und ich habe keine Ahnung wieso.
Beste Grüße
Smaddi -
Hallo an alle,
mir wäre fürs erste am wichtigsten die "normale" Ansicht im mobilen Shop, innerhalb von Produktkategorien, zu einer ansprechenderen Ansicht hinzubekommen. Sprich weg von einem Produkt mit einem kleinem Produktbild und Produktnamen / Preis rechts neben dem Produktbild, hin zu einer Ansicht bei der zwei Spalten mit Produkten angezeigt werden, die Produktbilder schön groß, Name/Text/Preis dann unterm Bild. Eben so wie man es aus den meisten aktuellen Shops auf mobilen Geräten kennt. Das Pic vom Uhrenshop ist ein fremder Shop, so stelle ich mir die Darstellung unseres Shops aber auf dem Handy vor. Unser Shop ist der mit den Skateboards
Hat jemand eine Idee wie man das hinbekommen könnte ?
unser shop: mob-skateboards.com
Beste Grüße und vielen Dank
Karsten