Template mit Seitenrändern auf PC-Ansicht versehen

Hallo, das Responsive-Template für die Ansicht auf dem PC soll Seitenränder bekommen (also so das die Inhalte nicht über die ganze Seitenbreite gehen). Für Tablets und Smartphones soll dies aufgrund des Platzmangels nicht der Fall sein. Ich kenne bereits einen Responsive-Shop (anderes Shopystem) auf dem dies genau so möglich ist. Gibt es hierfür ein Plugin? Wenn nicht, in welcher .less oder .css-Datei muss ich dafür welche Einstellung ändern?

Kann mir hier wirklich niemand helfen? Das ist doch eigentlich eine gängige Geschichte, man sieht es jedenfalls auf allen möglichen Webseiten.

Kann du mal ein Bild posten, dass zeigt was du meinst? Leider kann ich mit deiner Erläuterung recht wenig anfangen bzw. verstehe nicht was du willst.

So wie hier z.B. http://in-due.de/ (rechts und links ein Rand)

Hallo, also beim besten Willen, ich verstehe leider immer noch nicht was du meinst. Bei Shopware ist der Container ca. 1008 px breit. Er geht also nicht über den kompletten Bildschirm (je nach Gerät und deiner Auflösung!). In deinem Beispiel ist der Container 1030 px breit. Oder meinst du die “Sidebar” mit den Produkten des Monats etc.? Gruß

.page-wrap { max-width: 1260px; margin: 0 auto; } die max-width musst Du natürlich Deinen vorstellungen entsprechend anpassen :wink: Grüße Oli

[quote=“vc-nm”] .page-wrap { max-width: 1260px; margin: 0 auto; } die max-width musst Du natürlich Deinen vorstellungen entsprechend anpassen :wink: Grüße Oli[/quote] Danke. Aber die Frage war auch in welcher Datei ich das ändern muss. Wie heißt die? Und kann ich im Seitenrand auch eine Farbe definieren oder ein Hintergrundbild reinlegen?

Hey, wie Du Dir eine Less Datei für Dein Theme erstellst hat der Hostianer in einem Screencast vor kurzem behandelt: https://blog.hostianer.de/shopware-scre … i-anlegen/ Der Rest ist dann einfach nur CSS