Neu 5 Boxen im Footer nebeneinander?

[Rayblaster]

Hallo,

ich habe im Footer 5 Boxen die ich gerne nebeneinander darstellen möchte:

Informationen | Rechtliches | Kontaktadresse | Bezahlarten | Versandarten

Leider werden nur 4 nebeneinander angezeigt und die 5. Box darunter, was nicht schön aussieht.
Wie und wo kann ich einstellen das 5 Boxen nebeneinander angezeigt werden? Evtl. die Breite der Boxen verkleinern?

 

[FPrüfer]

Hallo,
ein 5-spaltiges Layout ist leider nicht so einfach möglich. Da das Evo-Template ein 12-spaltiges Bootstrap-Layout verwendet, sind für gleichbreite Spalten nur ganzzahlige Teiler von 12 möglich - also 12, 6, 4, 3, 2 und 1.

 

[css-umsetzung]

naja nicht so ganz, dass Bootstrap würde vom less her eine solche Klassengenerierung zulassen

.meine-col-klasse {
   .make-lg-column(2.4);
}

das wären dann 5 Spalten, je spalte 20%

das ist das was Bootstrap dann daraus machen würde

.meine-col-klasse {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
@media (min-width: 1200px) {
.meine-col-klasse {
    float: left;
    width: 20%;
}
}

 

[Rayblaster]

Ok vielen Dank!

Das mit dem less hab ich nicht ganz kapiert. In welcher Datei müsste ich das ändern?

Oder wie kann ich zb. gleich auf 6 Spalten ändern wie FPrüfer schreibt?

 

[css-umsetzung]

das was ich da geschrieben habe würde in deiner eigenen .less Datei (wenn sie auf die mixins von Bootstrap zugreift) oder bei fast allen, in die themes.less kommen.

du musst egal wie, die footer.tpl daraufhin anpassen, normal stehen hast du da ja

                    {foreach name=bottomBoxes from=$arrBoxBottom item=box}
                        <div class="col-xs-6 col-md-3">
                            {if isset($box.obj) && isset($box.tpl)}
                                {if $smarty.foreach.bottomBoxes.iteration < 10}
                                    {assign var=oBox value=$box.obj}
                                    {include file=$box.tpl}
                                {/if}
                            {/if}
                        </div>
                    {/foreach}

zu stehen, das müsste in diesem Fall dann

                    {foreach name=bottomBoxes from=$arrBoxBottom item=box}
                        <div class="col-xs-6 meine-col-klasse">
                            {if isset($box.obj) && isset($box.tpl)}
                                {if $smarty.foreach.bottomBoxes.iteration < 10}
                                    {assign var=oBox value=$box.obj}
                                    {include file=$box.tpl}
                                {/if}
                            {/if}
                        </div>
                    {/foreach}

du solltest dann aber echt die einzelnen Sprungmarken abfangen, 5 Boxen sind viel da wirst du im sm Bereich garantiert schon die ersten Probleme bekomme.