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
370
49
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
370
49
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
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 Startseite URL auf /shop ändern Allgemeine Fragen zu JTL-Shop 1
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 0
Neu Neues Plugin: Google Translate / Übersetzer (DSGVO-konform und weitere Features) Plugins für JTL-Shop 1
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 3
In Bearbeitung Startschwierigkeiten Scanner und Bon Drucker Allgemeine Fragen zu JTL-POS 2
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 7
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
Neu 💡Umsatzsteuer- und Internationalisierungs-Expertise von unserem neuen Partner countX News, Events und Umfragen 4
Neu JTL-Ameise Kontaktdaten-Export und in Greyhound importieren plus Zuweisen User helfen Usern 1
Neu PayPal Checkout mit Apple Pay und Google Pay Plugins für JTL-Shop 1
Neu isAdmin und Kundenlogin stehen sich im Weg.. Templates für JTL-Shop 0
Neu JTL Shipping Labels mit DHL Unterschied Versenden, Versenden 3.0 und Intraship User helfen Usern - Fragen zu JTL-Wawi 8
Neu Error beim öffnen von Artikeln und Unterkategorien in zweiter Sprache JTL-Shop - Fehler und Bugs 1
Bilder Upload und Fehlermeldung WooCommerce-Connector 0
Neu Lieferscheine digital unterschreiben und automatisch an Kunden senden Eigene Übersichten in der JTL-Wawi 1
Neu Zusammenführen / Konsolidieren von Artikeln aus 2 Quellen (Amazon / Shopify) und zentrale Bestands-Verteilung an beide Systeme User helfen Usern - Fragen zu JTL-Wawi 0
Neu JTL 1.5.55.8 Statistik - durschnittlicher Verkaufspreis - Mengen und Position User helfen Usern - Fragen zu JTL-Wawi 0
Neu Umlaute und Sonderzeichen WooCommerce-Connector 2
KI Textvorschläge und Übersetzung JTL-Wawi 1.8 0
Neu Conrad Marketplace / SCX Fragen und Antworten Einrichtung und Installation von JTL-eazyAuction 2
Neu wnm Hinweisfenster - Weisser Abstand zwischen Banner und Header Plugins für JTL-Shop 3
Workflow für Versandart Wenn/Und JTL-Wawi 1.7 0
Neu Anzeige von Neuheiten und Topsellern im JTL Shop 5 Allgemeine Fragen zu JTL-Shop 2
Neu SQL-Fehler bei Volltextsuche und Sonderzeichen JTL-Shop - Fehler und Bugs 0
Neu Suchen Mitarbeiter für 40h Festanstellung gern auch 100% Homeoffice für Produkt und Kategorie Pflege mit der Wawi Dienstleistung, Jobs und Ähnliches 0

Ähnliche Themen