Banner auf Startseite

Shopware 5 Themes & Design
1

Hallo zusammen

Wie kann ich den Header so gestalten das er wie auf den eingezeichneten Pfeilen bis an den Rand geht?

 

Danke für eure Hilfe

 

2

Keiner eine Idee?

3

Für die Abstände links und rechts das “padding” der CSS / LESS Klasse “content-main–inner” anpassen.
Für den Abstand oben das “margin-top” der CSS / LESS Klasse “content–home” entsprechend anpassen.

Am besten indem man die genannten Klassen über LESS Files im eigenen Template überschreibt.

1 „Gefällt mir“
4

Danke für deine Hilfe.

Wo finde ich diese Datei ?

Ich nutze das Template „Responsive“

5

Hierfür wirst du erst ein eigenes Theme erstellen müssen, welches sich auf das Responsive Theme bezieht.
Anschließend die genannten Änderungen innerhalb deines eigenen Themes vornehmen.

Mehr Informationen zu Themes und LESS gibts hier: Shopware 5 Theme Startup Guide oder hier https://8mylez.com/blog/shopware-5-theme-erstellen/

1 „Gefällt mir“
6

Habe nun mein eigenes Theme angelegt. Nun habe ich plötzlich einen grossen abstand zwischen Menü und Logo.

Woher kommt das ? 

7

Kann mir keiner helfen ?:frowning:

8

Du hast scheinbar irgendwo dem Logo Element eine fixe Höhe von 500px gegeben.

Siehe: 

@media screen and (min-width: 48em) {
    .header-main .logo-main .logo--shop {
        height: 500px;
        height: 31.25rem;
    }
}

und

@media screen and (min-width: 48em) {
    .header-main .logo-main .logo--link {
        height: 500px;
        height: 31.25rem;
    }
}