Kategorie-Fotos im Megamenü 5-spaltig

[Arthur]

Hallo.

Die Kategorie-Fotos werden im Megamenü ja im 4er Grid angezeigt. Gibts eine Möglichkeit - ohne am Template rumzuschrauben - das man das auf 5 (oder 6) Spalten erweitert?

Wie in beiliegender Hardcopy zu sehen ist, wäre da noch Platz am rechten Rand. So mit dem Umbruch in eine neue Zeile sieht das natürlich etwas komisch aus.
Danke für Eure Unterstützung.

Gruß
ARTHUR

 

[Mirko.Schmidt User deaktiviert]

AW: Kategorie-Fotos im Megamenü 5-spaltig

Hallo, hier liegt ein Fehler im Template vor. Die leere Spalte ist für die Kategorie Beschreibung/Kategoriebild. In der /root/templates/Evo/snippets/categories_mega.tpl muss folgender Teil geändert werden, Zeile 32 - 45:

{if isset($Einstellungen.template.megamenu.show_maincategory_info) && $Einstellungen.template.megamenu.show_maincategory_info != 'N'}
    {if $category->cBildURL != 'gfx/keinBild.gif' || !empty($category->cBeschreibung)}
    <div class="col-lg-3 visible-lg">
         <div class="mega-info-lg top15">
               {if $category->cBildURL != 'gfx/keinBild.gif'}
                    <a href="{$category->cURL}"><img src="{$category->cBildURL}" class="img-responsive" alt="{$category->cMetaDescription|escape:'quotes'}"></a>
                         <div class="clearall top15"></div>
               {/if}
               <div class="description text-muted small">{$category->cBeschreibung}</div>
         </div>
    </div>
    {/if}
{/if}
<div class="col-xs-12{if !empty($category->cBild) || !empty($category->cBeschreibung)} col-lg-9{/if} mega-categories">

in folgendes geändert werden:

{assign var=hasInfoColumn value=false}
{if isset($Einstellungen.template.megamenu.show_maincategory_info) && $Einstellungen.template.megamenu.show_maincategory_info != 'N' && ($category->cBildURL != 'gfx/keinBild.gif' || !empty($category->cBeschreibung))}
    {assign var=hasInfoColumn value=true}
    <div class="col-lg-3 visible-lg">
        <div class="mega-info-lg top15">
            {if $category->cBildURL != 'gfx/keinBild.gif'}
                <a href="{$category->cURL}"><img src="{$category->cBildURL}" class="img-responsive" alt="{$category->cName|escape:'quotes'}"></a>
                <div class="clearall top15"></div>
            {/if}
            <div class="description text-muted small">{$category->cBeschreibung}</div>
        </div>
    </div>
{/if}
<div class="col-xs-12{if $hasInfoColumn} col-lg-9{/if} mega-categories{if $hasInfoColumn} hasInfoColumn{/if}">

Dann wird auch die volle breite für die Kategorien genutzt, bei der passenden Einstellung.

 

[boaa-group]

AW: Kategorie-Fotos im Megamenü 5-spaltig

Das war aber nicht ganz die Frage. 5 pro Zeile ist nicht möglich bzw. nicht ohne Pletz zu verschwenden da Bootstrap nun Mal ein 12 spaltiges Layout ist. Du musst in oben genannten Code

col-lg-3

durch z.B.:

col-lg-2

ersetzen.

Wobei "lg" angibt, dass die Regelung ab einer Bildschirmbreite die für "large" definiert ist greift und die Zahl dahinter eben wieviel der 12 verfügbaren Spalten (=100% Breite) die Box einnehmen darf. col-lg-2 bedeutet also 6 Spalten haben Platz pro Zeile.

 

[Arthur]

AW: Kategorie-Fotos im Megamenü 5-spaltig

@Mirco:
Ganz toll der Hinweis. Genau das habe ich auch gesucht. Ich habe den neuen Code jetzt mal eingebaut, allerdings sehe ich keine Änderung im Frontend (trotz Cache-Löschung). Gibts da noch was im BE einzustellen?

@boaa-group:
Ebenfalls ein dickes DANKE an dich, denn auch DIESER Hinweis ist hilfreich für mich!

Gruß
Arthur

 

[Mirko.Schmidt User deaktiviert]

AW: Kategorie-Fotos im Megamenü 5-spaltig

Im Backend unter Template > Megamenu > Hauptkategorie Infobereich diese auf Inaktiv setzen und einmal Template speichern klicken. Dann sollte die leere Spalte verschwinden.