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
44
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
464
72
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
464
72
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
36
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
Titel Forum Antworten Datum
Neu JTL Shop 5.5.2 Startseite Breite ändern Allgemeine Fragen zu JTL-Shop 1
Neu Mehrsprachige Startseite mit /en/ URL-Struktur ohne doppelte OPC-Pflege. ie löst ihr das? Allgemeine Fragen zu JTL-Shop 0
Neu Startseite wird doppelt ausgegeben Templates für JTL-Shop 0
Neu SEO-Weiterleitung im Backend auf Startseite des Shops Umstieg auf JTL-Shop 2
Neu Buchungsgründe für Bareinnahmen und -ausgaben auf Tagesabschluss ausweisen JTL-POS - Ideen, Lob und Kritik 0
Neu Hilfe für Amazon und Lister 2.0 gesucht Amazon-Anbindung - Ideen, Lob und Kritik 0
Neu Teilrechnung und Versandkosten JTL-Wawi - Fehler und Bugs 2
Neu Shop-Admin: Versandarten und Zahlungsarten nicht aufrufbar Allgemeine Fragen zu JTL-Shop 11
Neu JTL-Shop Lieferanten Artikelnummer und Suchbegiffe für Onlineshop werden im Shop nicht gefunden Allgemeine Fragen zu JTL-Shop 4
Neu Datenbankabfrage - Suchen und Ersetzen User helfen Usern - Fragen zu JTL-Wawi 4
Neu Behandlung von JTL Shop Coupons und Retouren in JTL Wawi Arbeitsabläufe in JTL-Wawi 0
In Diskussion Verkaufe gebrauchtes POS Set Terminal, Bondrucker und Kassenschublade JTL-POS - Fragen zu Hardware 0
Neu Händlerbund Plugin: "Zahlung und Versand" wird nicht automatisch übernommen Plugins für JTL-Shop 0
Neu Bestand und Preisanbgleich Lister 1.0 nach 31.07.25 noch möglich Amazon-Lister - Ideen, Lob und Kritik 1
Neu 1.10.12.0 Beta Oberfläche ladet keine Daten und wir unbenutzbar JTL-Wawi - Fehler und Bugs 1
Neu Export Auftragspositionen mit Positionswerten und diversen Kundendaten JTL-Wawi 1.7 2
Artikelbestände im POS sehen und exportieren Allgemeine Fragen zu JTL-POS 0
Neu Ausschalten des Menü Servicedesk und des Buttons in der WaWi User helfen Usern - Fragen zu JTL-Wawi 1
JTL Retoure Umtausch anlegen und Rest erstatten JTL-Wawi 1.9 0
Neu JTL Debug 2.0.4 und Shop 5.5.2 - Fehler 500 Plugins für JTL-Shop 3
Neu URL und Hosting in Heimnetzwerk nicht erreichbar JTL-Shop - Fehler und Bugs 19
SCX -> ausländische Marktplätze zB Kaufland, Conrad - wie kann ich Titel und Beschreibung auf italienisch übergeben (oder generell Sprache wechseln) kaufland.de - Anbindung (SCX) 0
JTL WaWi 2 Mandanten - B2B und B2C Artikel und Bestände automatisch abgleichen JTL-Wawi 1.6 2
Neu JTL WaWi und anderes POS User helfen Usern - Fragen zu JTL-Wawi 1
Neu Getrennte Auswertung von Pick- und Packleistung möglich? JTL-WMS / JTL-Packtisch+ - Ideen, Lob und Kritik 1
Beschaffung/Bestellungen Steuerung von Mwst % in Positionen ohne Lieferantenzuordnung und Freipositionen. JTL-Wawi 1.10 0
Neu Nach Update auf 5.5.2: Extrem lange Ladezeiten im Front- und Backend Installation / Updates von JTL-Shop 11
Neu JTL‑Wawi: Beim Drucken fehlen Body‑Inhalte – nur Header und Footer gedruckt Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 1
Neu Packtisch+: Scannen und manuelle Auswahl von MHD-Artikeln JTL-WMS / JTL-Packtisch+ - Fehler und Bugs 0
In Diskussion JTL WAWI + FFN + OrangeConnex Workflow für Versand und Lagerbestand JTL-Workflows - Ideen, Lob und Kritik 0
Neu Gleiche Designvorlage für eBay und JTL-Shop mit globalen Textbausteinen nutzen Allgemeine Fragen zu JTL-Shop 0
Neu Feedback, Anregungen und Meinungen benötigt zu unserem JTL Tool zwecks Lieferanten- und Artikelmanagement Dienstleistung, Jobs und Ähnliches 2
Gelöst Läuft Swisbit TSE mit Android 14 und Epson TM30 Drucker? JTL-POS - Fragen zu Hardware 1
Varianten und der Amazon Lister 2.0 Amazon-Lister - Fehler und Bugs 0
Neu Attributs- und Merkmalsuche Tool Allgemeine Fragen zu JTL-Shop 0
Neu Tipps für erfolgreiche ERP-Schulungen und Änderungsmanagement Smalltalk 0
Neu §12 Abs. 3 UStG für Solar- und Photovoltaikanlagen User helfen Usern - Fragen zu JTL-Wawi 8
Shopware 5 Connector und WaWi 1.9.7.1 / 1.9.8.0 JTL-Wawi 1.9 12
Neu Offizielle Vorstellung des CSS Formular- und Retouren-Manager Plugins für JTL-Shop 0
In Diskussion Workflow auf Zahlungseingang und Zahlungsweise JTL-Workflows - Ideen, Lob und Kritik 1
Neu Testshop und Liveshop gleicher Stand/gleiche Plugins Allgemeine Fragen zu JTL-Shop 1
Neu Fehler bei Anbindung JTL Wawi und JTL Shop 5 JTL-Shop - Fehler und Bugs 1
Neu JTL-Connector (Drittanbieter) Auftragsnummer und Ext. Belegnummer setzen Onlineshop-Anbindung 0
Neu Windows 11 und die Farbverwaltung User helfen Usern 3
Artikel Mindest Bestand und Maximal Bestand kaufland.de - Anbindung (SCX) 0
Neu Anzeigegröße Artikel und Artikelübersicht Allgemeine Fragen zu JTL-Shop 0
Bildschirmskalierung und die Wawi JTL-Wawi 1.10 10
Neu Shop 5 und Google Search Betrieb / Pflege von JTL-Shop 2
Neu Wie kann ich Zubehör, welches beim DropshippingLieferanten UND im Standardlager verfügbar ist dropshippen, Wenn der Hauptartikel Dropshipping ist? Arbeitsabläufe in JTL-Wawi 5
Seit Update 1.10.10.4 – Keine Rechnungserstellung und keine Zahlungen ab 19.05. JTL-Wawi 1.10 3

Ähnliche Themen