Neu Boxen in Mobile Ansicht untereinander zeigen lassen.

  • Ersteller des Themas Ersteller des Themas @DE
  • Erstellungsdatum Erstellungsdatum

@DE

Mitglied
1. Juni 2019
17
0
Hallo,

ich benutze den aktuellen Shop 4.06 und hab das Problem das 4 Boxen in Footer versetzt in Mobile Ansicht angezeigt werden.

ich wollte aber die boxen untereinander zeigen lassen.

Kann mir bitte jemand helfen?

Viele Grüsse

@de
 

css-umsetzung

Offizieller Service Partner
SPBanner
6. Juli 2011
8.706
2.733
Berlin
Firma
css-umsetzung
Es gibt hierfür unterschiedliche Vorgehensweisen, dabei kommt es immer darauf an wie schlimm sich das bei den einzelnen darstellt, denn nicht immer macht das grid von Bootstrap hier Sinn. Das jede Box in einem XS Grid 100% in Anspruch nimmt ist meistens erst in der letzten Hälfte des grid erforderlich.

Theoretisch kann das nur mit css geregelt werden wenn man diese je nach Auflösung anwendet aber das kann man nicht pauschalisieren.
 

css-umsetzung

Offizieller Service Partner
SPBanner
6. Juli 2011
8.706
2.733
Berlin
Firma
css-umsetzung
Ich dachte das war verständlich 🙂

Wenn man es richtig machen möchte sollte man das individuell über media Querys machen, dazu muss man gesehen haben, wann ein umbrechen der Boxen erforderlich ist.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Wenn einem alles egal ist, dann ändert man das grid so das die Boxen nicht mehr col-xs-6 sondern col-xs-12 haben.
Grundvoraussetzung hierfür sollte ein Child Template sein.
 

@DE

Mitglied
1. Juni 2019
17
0
wo genu wird das geändert?

in bootstrap.css?
und wenn welche zeile ist das?
 

FPrüfer

Moderator
Mitarbeiter
19. Februar 2016
1.881
529
Halle
Das geht nur über eine Template-Anpassung in der layout\footer.tpl im Block "footer-boxes-class".
Dazu legst du in deinem Child-Template im Verzeichnis layout eine Datei footer.tpl mit folgendem Inhalt an:
PHP:
{extends file="{$parent_template_path}/layout/footer.tpl"}
{block name="footer-boxes-class"}col-xs-12 col-md-3{/block}
 
Zuletzt bearbeitet:

xpert73

Aktives Mitglied
23. Mai 2019
35
3
und wie kann man den logo in mobile ansicht in die mitte bringen und den suchfeld dadrunter?
 

@DE

Mitglied
1. Juni 2019
17
0
ja hat funktioniert
vielen dank
und wie bekomme ich den inhalt von boxen zentriert?
 
Zuletzt bearbeitet: