#1

Mathias

Grünschnabel  (10 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://diskus-versand.de

responsives Design Siquando Shop11

Hallo liebes Forum,

mein "neuer" Shop ist jetzt endlich von Shop2Date8 auf Shop11 umgezogen: www.diskus-versand.de

Die meisten grafischen Sachen wurden über den QuickDesignEditor erledigt und jetzt hat der Shop ein responsives Design mit "optimierter" Darstellung auf Smartphones.

Viele Sachen mussten allerdings noch im css geändert, werden da dunkle Hintergründe scheinbar nicht geplant waren... 😉

Allerdings sind beim Seitenaufruf über ein Smartphone die Texte sehr groß und die Seite dadurch leider recht unübersichtlich. Gibt es eine Möglichkeit da etwas einzustellen? Also die Textgröße nur bei mobiler Ansicht verkleinern?

Danke und Gruß

Mathias

 

#2

Puntigamer

As  (117 Punkte)  ·   männlich  ·   Österreich  ·   Nachricht senden

Das kannst du mit Media-Queries lösen.

#3

Mathias

Grünschnabel  (10 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://diskus-versand.de

Hallo und vielen Dank!

Ich hab schon mal bei google gesucht... muss mich mal rein lesen 😉

Kurze Frage: So etwas müsste doch auch beim Siquado Shop/Websystem integriert sein, oder?

LG Mathias

#4

Puntigamer

As  (117 Punkte)  ·   männlich  ·   Österreich  ·   Nachricht senden

Media-Queries fragen Eigenschaften des Monitors ab, so daß es möglich ist, auf verschiedenen Ausgabegeräten unterschiedliche Darstellungen zu realisieren.

Auch Siquando setzt Media-Queries ein, wie du in den CSS sehen kannst.

#5

Mathias

Grünschnabel  (10 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://diskus-versand.de

Danke 🙂

Ein Problem habe ich noch:

Kann man die Smartphone-Anzeige irgendwie simulieren? Ich erstelle ja die Website an einem Windows PC und kann mir vor dem hochladen auf dem Server nur im PC Browser die Änderungen ansehen.... Um zu sehen wie's die Darstellung auf dem Smartphone ist müsste ich ja immer erst alle Daten auf den Server laden und dann am Smartphone schauen... Gibt es da ein Trick?

Und wäre es möglich einfach die Darstellung für die unterschiedlichen Geräte Klassen "abzustellen" und erstmal alles im PC/Laptopmodus laufen zu lassen?

Vielen Dank nochmal für die schnelle Hilfe und schönes Wochenende

Mathias

 

#6

Puntigamer

As  (117 Punkte)  ·   männlich  ·   Österreich  ·   Nachricht senden

#7

Mathias

Grünschnabel  (10 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://diskus-versand.de

Hey Prima Danke! Genau was ich brauche 😉

Ich werd' berichten wie es geklappt hat....

LG Mathias

 

#8

Mathias

Grünschnabel  (10 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://diskus-versand.de

Kleines Update:

Die Textgrößen lassen sich im Designordner unter style_content.css einstellen:

Für die Smartphone/kleiner Bildschirm Ausgabe unter:

}

@media screen and (max-width: 767px) {
h1 {
   font-size: 20px;
}
h2 {
   font-size: 20px;
}
body, input, textarea, select, button {
   font-size: 16px;
}
}

h1 und h2 ist eingetragen- ändert nur die Überschriftengrößen.

Das Rotmarkierte musste ich hinzufügen. Das fehlte unter @media screen ändert aber unter anderem die Textgröße des Inhalts. Vorher wurde sie einfach von der normalen Desktopansicht übernommen... und war dann auf den kleinen Displays riesig. Ich muss zwar noch testen scheint aber zu klappen 😉

Danke nochmal für die Hilfe!

LG Mathias

#9

Mathias

Grünschnabel  (10 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://diskus-versand.de

...hmmm oder auch nicht.

Wenn man die Seite vor dem Veröffentlichen sich im Browser anschaut klappt's. Wenn man dann allerdings auf Veröffentlichen drückt und sich danach die Seite nochmal online anschaut hat sich nicht's getan...

Siehe Bild. Mach ich was falsch?

LG Mathias



Dieser Beitrag wurde bereits 1 mal bearbeitet, zuletzt von »Mathias« (24.04.2021, 17:15)
#10

Mathias

Grünschnabel  (10 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://diskus-versand.de

... soo Die letzte Frage kann ich selbst beantworten: Nach 10 Minuten ist es auch Online zu sehen. Also abwarten 😉

LG Mathias

132 Aufrufe | 10 Beiträge