Neu Shop5 - Startseite und Seitenabstand der Inhalte

SouthwestGuns

Mitglied
20. Dezember 2019
23
5
Guten Tag,

bei der 4er Shopversion waren die Inhalte der Startseite ja immer in einer Art Box. Also nach rechts und links war immer noch genügend Luft.
Wenn ich jetzt über den Composer Inhalte einfüge und die Startseite neu gestalte werden die Inhalte über die volle Breite dargestellt.
Allerdings hätte ich gerne wie vorher wieder einen Abstand zu den Außenseiten, denn jetzt sieht das ganze doch sehr überladen aus.

Gibt es da eine Möglichkeit das ganze wieder so zu gestalten?
Dieser Landing Page Stil passt ja für Banner und Fotos gut, aber bei Produkten ist das doch sehr überladen.
Sobald man in den Produktkategorien ist sieht es wieder so aus wie es soll mit Abstand zu den Seiten.

Nachtrag:
Es ist ja möglich zb. einen Container zu erstellen und die Seitenabstände über Pixel einzustellen.
Wenn das ganze mit % funktionieren würde wär das im Prinzip die Lösung, leider geht das nicht.
Und wenn man es mit Pixeln einstellt hat man das Problem das es zwar am Desktop gut aussieht aber Mobil furchtbar da dort 100 pixel Seitenabstand ja extrem viel sind.
 
Zuletzt bearbeitet:

SouthwestGuns

Mitglied
20. Dezember 2019
23
5
So...nach etwas rumtesten hier die "Lösung".
Wenn man ein Grid anlegt und eigentlich nur eine Spalte benötigt legt man 3 an und legt die Verteilung dann auf 2+8+2 (oder 1+10+1) und dann wird der Seitenabstand passend dargestellt.
Ist zwar eher ein Work-Around wie eine echte Lösung aber es funktioniert.
 

DeViL5

Aktives Mitglied
8. Dezember 2020
49
6
So...nach etwas rumtesten hier die "Lösung".
Wenn man ein Grid anlegt und eigentlich nur eine Spalte benötigt legt man 3 an und legt die Verteilung dann auf 2+8+2 (oder 1+10+1) und dann wird der Seitenabstand passend dargestellt.
Ist zwar eher ein Work-Around wie eine echte Lösung aber es funktioniert.

Hi,

damit hatte ich am Anfang auch Probleme, vor allem nachdem ich das Grundlayout gelöscht habe und meine Texte dann über die ganze Breite gehen,
es geht auch einfacher...
Erstelle zuerst einen Container (findest du auch unter Layout, danach setzt du in das Layout das Grid rein, dann kannst du auch ganz normal wieder 4-4-4 einstellen bzw. nur 12 je nachdem wie viele Spalten du haben willst.

LG Gregor
 

Cassiopeia

Sehr aktives Mitglied
9. Mai 2017
542
88
Hallo ich wollte nochmal fragen wie ihr das genau umgesetzt habt.

Ich habe das gleiche Problem, aber wenn ich es mit dem Grid Layout mache und dann Seitenabstände eingebe ist das Bild trotzdem kaputt.
Das sich die Landingpage über die ganze Seite erstreckt finde ich fürchterlich für die User Experience und würde das gerne anpassen.

2021-09-10 08_38_47-Window.png2021-09-10 08_38_38-Window.png2021-09-10 08_38_33-Window.png2021-09-10 08_37_11-Window.png2021-09-10 08_40_32-Window.png
 

Cassiopeia

Sehr aktives Mitglied
9. Mai 2017
542
88
So...nach etwas rumtesten hier die "Lösung".
Wenn man ein Grid anlegt und eigentlich nur eine Spalte benötigt legt man 3 an und legt die Verteilung dann auf 2+8+2 (oder 1+10+1) und dann wird der Seitenabstand passend dargestellt.
Ist zwar eher ein Work-Around wie eine echte Lösung aber es funktioniert.

Ok mit der Methode gehts. Aber bloß keinen Pixelabstand reinmachen dann ist es nicht mehr responsive. Prozentuale Angaben wären hier echt klasse.
 

der.wollladen

Aktives Mitglied
17. April 2019
37
6
Moin,

für manche Elemente habe ich ”container“ als CSS-Objekt in den Einstellungen des jeweiligen Portlets hinterlegt.

Dies hinterlegt auch den Seitenabstand zu den Rändern.

Viele Grüße von der Ostsee.
 

Ähnliche Themen