Kategoriebilder dreispaltig

[Herr_Bert]

Guten Tag,
da in einigen Kategorien die zweispaltige Ansicht doch sehr lang ist möchte ich gern auf drei Spalten ausweiten, in der Artikelübersicht ist das schon so.
Die categorie_listing.html

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="categorie_listing"}
{if $CATEGORIES_HEADING_TITLE}
        <h1>{$CATEGORIES_HEADING_TITLE}</h1>
{else}
        <h1>{$CATEGORIES_NAME}</h1>
{/if}

{if $CATEGORIES_DESCRIPTION}<div class="content_area">{if $CATEGORIES_IMAGE}<img src="{$CATEGORIES_IMAGE}" height="120px" alt="{$CATEGORIES_NAME}" />{/if}{$CATEGORIES_DESCRIPTION}</div>{/if}

{if $module_content !=''} <h2>{#heading_more_categories#}</h2>
     <br />
      <table style="border-top: 0px solid; padding:5px; border-color: #d4d4d4;" width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">
        <tr> {foreach name=aussen item=module_data from=$module_content}
                {php}
          $col++;
                {/php}
          <td class="main"><table style="padding:5px;"  width="100%" border="0" cellpadding="0" cellspacing="4" bgcolor="#FFFFFF">
                <tr>
                  <td style="padding:10px;" bgcolor="#FFFFFF">{if $module_data.CATEGORIES_IMAGE}<a href="{$module_data.CATEGORIES_LINK}"><img src="{$module_data.CATEGORIES_IMAGE}" height="120px" alt="{$module_data.CATEGORIES_NAME}" /></a>{/if}</td>
            </tr>
                <tr>
                  <td style="padding:10px;" bgcolor="#FFFFFF"><strong><a href="{$module_data.CATEGORIES_LINK}"><h2>{$module_data.CATEGORIES_NAME}</h2></a></strong></td>
            </tr>
                <tr>
                  <td style="padding:10px;" bgcolor="#FFFFFF">{$module_data.CATEGORIES_DESCRIPTION}</td>
            </tr>
              </table>
          </td>
          {php}
                  if ($col>=2) {
                  $col=0;
                  echo '</tr><tr>';
                   }
                  {/php}
                 {/foreach} </tr>
      </table>
       {/if} <br />
{$MODULE_new_products}

müsste da wohl die richtige Datei sein, aber irgendwie will das nicht so wie ich das gern hätte 
Was muss ich denn hier ändern um die Kategoriebildchen in 3er Reihe anzeigen zu lassen?

Herr_Bert

Linkback: https://www.modified-shop.org/forum/index.php?topic=38187.0

[karsta.de]

Dann suche in deiner Datei:

Code: PHP  [Auswählen]

{php}
                  if ($col>=2) {
                  $col=0;
                  echo '</tr><tr>';
                   }
                  {/php}

und ersetze die 2 mit z.B. einer 3

BG kgd

[Herr_Bert]

Hallo Karsta 
ob du's glaubst oder nicht, dieses $col> hatte ich auch schon im Visier und gleich mal in die Suchmaschine eingegeben  Nachdem ich damit aber beim Börsenkurs von Rockwell Collins gelandet bin habe ich's dann als falsche Fährte wieder fallen lassen 
Werde dann gleich mal probieren und berichten.

Herr_Bert

[Herr_Bert]

Yippie, funktioniert tadellos, nur auf'm Smartie sind die Bildchen ein wenig eirig, so in die Länge gezogen 
Da muss noch irgendwo 'ne css im Spiel sein  Kann ich den Text noch mittig unter den Bildchen ausrichten?

Herr_Bert

[karsta.de]

Um dein Problem mit den Bildern und den Texten zu lösen.
Füge in deine templates/xtc5/css/boilerplate.css ganz unten folgendes ein:

Code: CSS  [Auswählen]

table.cat_listing{background:#fff;}
table.cat_listing td{text-align:center;}
table.cat_listing td img{width:auto;height:auto;max-width:145px;}
 

Ersetze den Inhalt deiner categorie_listing.html wie folgt:

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="categorie_listing"}
{if $CATEGORIES_HEADING_TITLE}
        <h1>{$CATEGORIES_HEADING_TITLE}</h1>
{else}
        <h1>{$CATEGORIES_NAME}</h1>
{/if}

{if $CATEGORIES_DESCRIPTION}<div class="content_area">{if $CATEGORIES_IMAGE}<img src="{$CATEGORIES_IMAGE}" height="120px" alt="{$CATEGORIES_NAME}" />{/if}{$CATEGORIES_DESCRIPTION}</div>{/if}

{if $module_content !=''} <h2>{#heading_more_categories#}</h2>
<br />
<table style="border-top:0px solid; padding:5px; border-color:#d4d4d4;" width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
<tr> {foreach name=aussen item=module_data from=$module_content}
{php} $col++; {/php}
<td class="main">
<table width="100%" border="0" cellpadding="0" cellspacing="4" class="cat_listing">
<tr><td>{if $module_data.CATEGORIES_IMAGE}<a href="{$module_data.CATEGORIES_LINK}"><img src="{$module_data.CATEGORIES_IMAGE}" height="120px" alt="{$module_data.CATEGORIES_NAME}" /></a>{/if}</td></tr>
<tr><td><strong><a href="{$module_data.CATEGORIES_LINK}"><h2>{$module_data.CATEGORIES_NAME}</h2></a></strong></td></tr>
<tr><td>{$module_data.CATEGORIES_DESCRIPTION}</td></tr>
</table>
</td>
{php}
if ($col>=3) {
$col=0;
echo '</tr><tr>';
 }
{/php}
{/foreach} </tr>
</table>
{/if} <br />
{$MODULE_new_products}
 

BG kgd

[Herr_Bert]

Guten Tag Karsta und wie immer vielen Dank für deine Hilfe 
Das ist jetzt fast perfekt, nur auf dem Handy ist die Anzeige jetzt auch nach den Seiten verschiebbar, also ein wenig zu groß denke ich 
Lässt sich das noch anpassen so dass es sich vielleicht selbst anpasst  

Herr_Bert

[Herr_Bert]

Habe jetzt mal diesen Teil:

Code: CSS  [Auswählen]

table.cat_listing td img{width:auto;height:auto;max-width:145px;}

so abgeändert:

Code: CSS  [Auswählen]

table.cat_listing td img{width:auto;height:auto;max-width:120px;}

Dann passt es auf mein Smartie, aber bei kleineren Handys auch? Könnte ich für max-width:120px auch max-width:auto einsetzen oder funktioniert das an dieser Stelle nicht 

Herr_Bert

[karsta.de]

Dann nimm das so:

Code: CSS  [Auswählen]

table.cat_listing td img{width:100%;height:auto;max-width:145px;}

BG kgd

[Herr_Bert]

Habe ich gemacht, vielen Dank dir und einen schönen Restsonntag noch....
Herr_Bert