Linien im Footer einfügen

Shopware 5
1

Hallo in die Runde,
ich habe eine Frage.

Ich würde gerne den Footer etwas Designen, z.B würde ich gerne folgendes Machen:

Jeder Eintrag soll eine Linie unten haben, die ersten auch oben so das es wie Folgt aus sieht wie im Bild (in Excel erstellt)
Footer

Ist das nicht die Classe: class=„navigation–entry“

wenn ja was muss ich hier anpassen und in welcher Datei? Habe eine Footer.less Datei im Theme erstellt.

2

Hm, also das CSS könnte wie folgt aussehen:

.footer-main .navigation--entry:first-child {
  border-top: 1px solid #eee;
}

.footer-main .navigation--entry {
  border-bottom: 1px solid #eee;
}

In welche Datei das bei dir rein muss, kann ich von hier aus nicht sehen und auch nicht beurteilen. Keine Ahnung ob du ein eigenes Themes benutzt oder nicht und falls doch, wie es aufgebaut ist.

Alternativ kann man in der Theme konfiguration unter „eigene css datein“ auch das eintragen:

<style>
.footer-main .navigation--entry:first-child { border-top: 1px solid #eee; }
.footer-main .navigation--entry { border-bottom: 1px solid #eee; }
</style>

Weisß nicht ob dies dir weiter hilft.

3

Ich Danke Dir!

Es hat wunderbar Funktioniert…

Anleitung:
Im Theme…

Mein Theme > Frontend > _public > src > less > _modules
footer.less (anlegen falls nicht vorhanden) und Code rein.

zurück zu src…
all.less (falls nicht vorhanden anlegen)
@import „_modules/footer“;

Danach Speichern und Kompilieren.