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
39
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
372
50
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
372
50
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 HOME (Engl. Startseite) nicht editierbar (forbidden) - Bitte um Hilfe Gelöste Themen in diesem Bereich 7
Slider - Position auf der Startseite? Einrichtung JTL-Shop5 0
Neu Links der Startseite funktionieren nach Update mobil nicht Installation / Updates von JTL-Shop 1
Neu ein email formular auf startseite einbinden Allgemeine Fragen zu JTL-Shop 0
Neu Workflow - Stücklisten im Auftrag abfragen und korrekt in einer Mail auflisten User helfen Usern - Fragen zu JTL-Wawi 0
Neu JTL 5, Footerdesign, Boxabstände und Ausrichtung korrigieren Templates für JTL-Shop 3
Neu Firmen- und E-Mail Einstellungen - Text hevorheben (fett) und Anordnung in Vorlage anpassen Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
4K Monitor und Skalierung JTL-Wawi 1.8 2
Neu Updatepolitik und Testen von Software - aktuell 5.2.4 Installation / Updates von JTL-Shop 8
Kunden und Artiekl ausblenden JTL-Wawi App 1
Neu Es werden nur jpg Bilder angezeigt und keine webP Gelöste Themen in diesem Bereich 3
Neu Auftragszahlung über Kasse, Auftrag wird nicht als "Verpackt und Versendet" markiert JTL-POS - Fehler und Bugs 1
Neu Kassenschublade und Drucker bei iMin D4 Pro JTL-POS - Fragen zu Hardware 1
Neu eBay zusammenfassen von Aufträgen und Buchhaltung User helfen Usern - Fragen zu JTL-Wawi 0
Neu Selbstabholer und eBay User helfen Usern - Fragen zu JTL-Wawi 6
Workflows: Versandgruppen finden und ansprechen JTL-Wawi 1.8 0
Auswertung POS-Umsätze nach Wochentag und Tageszeit JTL-Wawi 1.7 0
Neu Fehler bei Sprach- und Währungsumstellung Allgemeine Fragen zu JTL-Shop 0
Neu Verkaufspreis Differenz Shop und Wawi JTL-Shop - Fehler und Bugs 4
Neu Mehrere Sprachen aktivieren und verschiede Preise pro Land erstellen Betrieb / Pflege von JTL-Shop 1
Neu Paypal Plugin Version 1.2.0 läuft und 1.4.0. läuft nicht auf derselben Umgebung Plugins für JTL-Shop 0
Neu Was steckt hinter der Zahl von 53 Bildern auf Ebay bei Variationsartikeln (und einer unsinnigen Fehlermeldung der Wawi)? JTL-Wawi - Fehler und Bugs 2
Neu Filtereinstellungen: wenn Sonderpreis bei Vater- oder Kindartikeln, Anzeige von Vater- UND Kindartikeln User helfen Usern - Fragen zu JTL-Wawi 5
Neu Sprachvariablen nicht in korrekter Groß- und Kleinschreibung JTL-Shop - Fehler und Bugs 4
Neu Gewicht auf Rechnung (Artikelgewicht und Zusatzgewicht) Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 1
Neu Neues Plugin: Google Translate / Übersetzer (DSGVO-konform und weitere Features) Plugins für JTL-Shop 2
Neu Workflow Aktion E-Mail senden kann nicht Plain und HTML Email zusammen versenden Arbeitsabläufe in JTL-Wawi 6
Neu JTL Shopify Connector und Billbee frage Shopify-Connector 0
Neu Neues Plugin: Instagram-Feed Portlet (Als Galerie- oder Slideransicht und weitere Features) + 3x kostenlose Lizenzen Plugins für JTL-Shop 4
In Bearbeitung Startschwierigkeiten Scanner und Bon Drucker Allgemeine Fragen zu JTL-POS 3
Neu JTL Worker 2.0 und tinetbestellung Technische Fragen zu den JTL-Connectoren 0
Neu Position Versandkosten und Versandkostenname in PositionTable ausblenden - neuen Vorlagen. Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 3
Neu Liste aller Namespaces und dessen Aufgabe Allgemeine Fragen zu JTL-Shop 0
Kundenattribute aus Shop übernehmen und aus Wawi zurück an Shop übermitteln Einrichtung JTL-Shop5 1
Neu Warenkorb Hinweise bei Bestandsänderung und Preisänderung Allgemeine Fragen zu JTL-Shop 2
In Bearbeitung Artikel über csv-Datei bearbeiten und importieren Allgemeine Fragen zu JTL-POS 3
Verbindung zu Kundencenter geht verloren und Lizenz muss erneut abgteglichen werden JTL-Wawi 1.8 16
Landingpage Header und Footer erstellen zwecks Vorbestellung Einrichtung JTL-Shop5 0
Neu klare Warnung vor den Bausteinen und der PDF in Vorlagen User helfen Usern - Fragen zu JTL-Wawi 4
Neu JTL erstellt falsche Rechnungskorrekturen für Amazon.co.uk Aufträge und verweigert den Support Amazon-Anbindung - Fehler und Bugs 5
Neu Und ewig grüsst das Murmeltier. "The EntityManager is closed" Shopware-Connector 0
Alternativpositionen und gültig von bis JTL-Wawi 1.8 0
Debitorennummern für bestehende und neue Kunden anlegen JTL-Wawi 1.8 2
In Diskussion Bondrucker - im Allgemeinen und Speziellen (Metapace T 25) JTL-POS - Fragen zu Hardware 4
Neu Eigener (Home-) Server mit Windows UND Linux Starten mit JTL: Projektabwicklung & Migration 23
Neu Microsoft Remote Desktop Fehler Cloutapp Desktop und Lauscher JTL-Wawi - Fehler und Bugs 3
Auftrag und Rechnung Ausgabe funktioniert nicht Client JTL 1.8.10.0 JTL-Wawi 1.8 9
Zahlungsarten und Versandarten ERROR 500 Einrichtung JTL-Shop5 8
Gelöst Hardware für häufige Konstellationen mit USB und Swissbit TSE-Problem ab Android 11 JTL-POS - Fragen zu Hardware 5
Neu Eingangsrechnung und Gewinn rückwirkend ermitteln User helfen Usern - Fragen zu JTL-Wawi 1

Ähnliche Themen