2 Spalten Ansicht

[koshiro]

Hallo,
ich versuche mir gerade eine etwas andere 2 Spalten Ansicht zu bauen, und komme auch soweit ganz gut klar, oder besser gesagt habe es eigentlich auch soweit ganz gut hin bekommen. Bis auf ein kleines Problem, ich komme nicht auf die Lösung, sodass ich der Tabelle eine Feste Höhe verpasse, egal wie groß das Bild ist. Im Moment macht er mir das so, dass wenn kleine Bilder vorhanden sind, das die Spalte auch klein ist.
Kann eventuell mal jemand drauf schauen, und mir sagen wo ich den Fehler hab, oder wäre es besser das ganze über die Stylesheet zu formatieren.

Hier mal mein Code:

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="index"}
{if $CATEGORIES_HEADING_TITLE}
  <h1>{$CATEGORIES_HEADING_TITLE}</h1>
  {else}
  <h1>{$CATEGORIES_NAME}</h1>
{/if}
{if $CATEGORIES_DESCRIPTION || $CATEGORIES_IMAGE || $MANUFACTURER_DROPDOWN}
                {if $CATEGORIES_IMAGE}<img src="{$CATEGORIES_IMAGE}" alt="{$CATEGORIES_NAME}" class="imgLeft" /><br />{/if}
                {if $CATEGORIES_DESCRIPTION}{$CATEGORIES_DESCRIPTION}<br />{/if}
                {if $MANUFACTURER_DROPDOWN}{$MANUFACTURER_DROPDOWN}<br />{/if}
{/if}

<div  align="left" style="float:left; width:260px; padding-top:5px; padding-left:2px; background-color:#FFFFFF;">
  <table width="260" bgcolor="#FFFFFF" aborder="0" cellpadding="0" cellspacing="0">
    <tr valign="middle">
        {foreach name=aussen item=module_data from=$module_content}
        {php} $col++; {/php}
     <td valign="top" height="200px">

      <table   width="100%" border="0"   style="border:1px solid #40301E;" cellpadding="1" cellspacing="1">
            <tr>
                <td width="260" height="20" style="color:#333" bgcolor="#FEF3E0">
                <strong>

 <a href="{$module_data.PRODUCTS_LINK}">{$module_data.PRODUCTS_NAME}</a></strong>
               </td>
               </tr>
              </table>

                <table  style="border:1px solid #40301E;">

            <tr>
                <td valign="middle" bgcolor="#FFFFFF" style="padding-right:0px;">

                {if $module_data.PRODUCTS_IMAGE}
        <a href="{$module_data.PRODUCTS_LINK}">
        <img width="120" src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}" /></a>{/if}
             </td>

                <td height="70" class="productPreviewContent">

      <strong  style="font-size:14px; color:#663300;">
          {$module_data.PRODUCTS_PRICE}</strong>
            <br />
                            {if $module_data.PRODUCTS_VPE}
                {$module_data.PRODUCTS_VPE}
             {/if}

                {$module_data.PRODUCTS_TAX_INFO}
            {$module_data.PRODUCTS_SHIPPING_LINK}
               <br />

                           Lieferung: {$module_data.PRODUCTS_SHIPPING_NAME}

                </td>
            </tr>

            </table>
            <table width="260px"  style="border:1px solid #40301E;">

            <tr>

                <td  align="center" bgcolor="#E7D7BE">

                    <a href="{$module_data.PRODUCTS_LINK}">
                    <img src="{$tpl_path}buttons/{$language}/button_product_more.gif" alt="Details" border="0" /></a>
                </td>
            </tr>
        </table>

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

</div>
{$NAVIGATION}
 

Gruß
Micha



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

[Tomcraft]

Hallo Micha, sorry für die späte Meldung, aber ich hatte mir extra ein Bookmark gesetzt, damit ich das nicht vergesse.

Also du hast der Spalte um das Bild herum keine Höhe verpasst!

Versuche es so:

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="index"}
{if $CATEGORIES_HEADING_TITLE}
  <h1>{$CATEGORIES_HEADING_TITLE}</h1>
  {else}
  <h1>{$CATEGORIES_NAME}</h1>
{/if}
{if $CATEGORIES_DESCRIPTION || $CATEGORIES_IMAGE || $MANUFACTURER_DROPDOWN}
                {if $CATEGORIES_IMAGE}<img src="{$CATEGORIES_IMAGE}" alt="{$CATEGORIES_NAME}" class="imgLeft" /><br />{/if}
                {if $CATEGORIES_DESCRIPTION}{$CATEGORIES_DESCRIPTION}<br />{/if}
                {if $MANUFACTURER_DROPDOWN}{$MANUFACTURER_DROPDOWN}<br />{/if}
{/if}

<div  align="left" style="float:left; width:260px; padding-top:5px; padding-left:2px; background-color:#FFFFFF;">
  <table width="260" bgcolor="#FFFFFF" aborder="0" cellpadding="0" cellspacing="0">
    <tr valign="middle">
        {foreach name=aussen item=module_data from=$module_content}
        {php} $col++; {/php}
     <td valign="top" height="200px">

      <table   width="100%" border="0"   style="border:1px solid #40301E;" cellpadding="1" cellspacing="1">
            <tr>
                <td width="260" height="20" style="color:#333" bgcolor="#FEF3E0">
                <strong>

 <a href="{$module_data.PRODUCTS_LINK}">{$module_data.PRODUCTS_NAME}</a></strong>
               </td>
               </tr>
              </table>

                <table  style="border:1px solid #40301E;">

            <tr>
                <td valign="middle" bgcolor="#FFFFFF" style="padding-right:0px;" height="200px">

                {if $module_data.PRODUCTS_IMAGE}
        <a href="{$module_data.PRODUCTS_LINK}">
        <img width="120" src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}" /></a>{/if}
             </td>

                <td height="70" class="productPreviewContent">

      <strong  style="font-size:14px; color:#663300;">
          {$module_data.PRODUCTS_PRICE}</strong>
            <br />
                            {if $module_data.PRODUCTS_VPE}
                {$module_data.PRODUCTS_VPE}
             {/if}

                {$module_data.PRODUCTS_TAX_INFO}
            {$module_data.PRODUCTS_SHIPPING_LINK}
               <br />

                           Lieferung: {$module_data.PRODUCTS_SHIPPING_NAME}

                </td>
            </tr>

            </table>
            <table width="260px"  style="border:1px solid #40301E;">

            <tr>

                <td  align="center" bgcolor="#E7D7BE">

                    <a href="{$module_data.PRODUCTS_LINK}">
                    <img src="{$tpl_path}buttons/{$language}/button_product_more.gif" alt="Details" border="0" /></a>
                </td>
            </tr>
        </table>

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

</div>
{$NAVIGATION}
 

Grüße

Torsten

[koshiro]

Hallo Torsten,
danke Dir, so klappt es schon mal, aber ich muss irgendwie mal meine Bildmaße ändern und ein Imageprocessing durchführen, nur in Moment bricht er bei allen 4 Arten vom Imageprocessing ab und läuft nicht durch. Wenn nicht muss ich alle Bilder runter laden und einzeln bearbeiten.
Gruß
Micha

[Tomcraft]

Melde das Problem mit dem Imageprocessing mal bitte als extra Thema.

Grüße

Torsten

[koshiro]

Hallo,
ich habe jetzt meine neue 2 Spalten Ansicht fertig, und sieht auch soweit ganz gut aus.
Ich habe nur ein Problem, und zwar bekomme ich nur den Text vom Preis mit float right hin, aber den Text mwst und Versondkosten floatet nicht nach rechts. Wo mache ich da den fehler.

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="index"}
{if $CATEGORIES_HEADING_TITLE}
  <h1>{$CATEGORIES_HEADING_TITLE}</h1>
  {else}
  <h1>{$CATEGORIES_NAME}</h1>
{/if}
{if $CATEGORIES_DESCRIPTION || $CATEGORIES_IMAGE || $MANUFACTURER_DROPDOWN}
                {if $CATEGORIES_IMAGE}<img src="{$CATEGORIES_IMAGE}" alt="{$CATEGORIES_NAME}" class="imgLeft" /><br />{/if}
                {if $CATEGORIES_DESCRIPTION}{$CATEGORIES_DESCRIPTION}<br />{/if}
                {if $MANUFACTURER_DROPDOWN}{$MANUFACTURER_DROPDOWN}<br />{/if}
{/if}

<div  align="left" style="float:left; width:260px; padding-top:5px; padding-left:2px; background-color:#FFFFFF;">
  <table width="260" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0">
    <tr valign="middle">
        {foreach name=aussen item=module_data from=$module_content}
        {php} $col++; {/php}
     <td valign="top" height="190px">

      <table   width="100%" border="0"   style="border:1px solid #40301E;" cellpadding="1" cellspacing="1">
            <tr>
                <td width="260" height="20" align="center" style="color:#333" bgcolor="#FEF3E0">
                <strong>

 <a href="{$module_data.PRODUCTS_LINK}">{$module_data.PRODUCTS_NAME}</a></strong>
               </td>
               </tr>
              </table>

                <table  style="border:1px solid #40301E;">

            <tr>
                <td valign="middle" bgcolor="#FFFFFF" style="padding-right:0px;" height="190px">

                {if $module_data.PRODUCTS_IMAGE}
        <a href="{$module_data.PRODUCTS_LINK}">
        <img width="" src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}" /></a>{/if}
             </td>

                <td height="70" class="productPreviewContent">

      <strong  style="float:right; font-size:14px; color:#663300;">
          {$module_data.PRODUCTS_PRICE}</strong>
            <br />
                            {if $module_data.PRODUCTS_VPE}
                {$module_data.PRODUCTS_VPE}
             {/if}

                {$module_data.PRODUCTS_TAX_INFO}
            {$module_data.PRODUCTS_SHIPPING_LINK}
               <br />

                          Lieferzeit:{$module_data.PRODUCTS_SHIPPING_NAME}

                </td>
            </tr>

            </table>
            <table width="260px"  style="border:1px solid #40301E;">

            <tr>

                <td  align="center" bgcolor="#FEF3E0">

                    <a href="{$module_data.PRODUCTS_LINK}">
                    <img src="{$tpl_path}buttons/{$language}/button_product_more.gif" alt="Details" border="0" /></a>
                </td>
            </tr>
        </table>

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

</div>
{$NAVIGATION}

Gruß
Micha

[Tomcraft]

Wieso sollte es floaten, wenn du vorher dem <strong> die Anweisung gibst und vor dem Tax-Block schon wieder abschließt?

Grüße

Torsten

[koshiro]

Hallo Torsten,
ok danke Dir, mal sehen ob ich den fehler alleine finde, falls nicht melde ich mich noch mal.
Gruß
Micha

[koshiro]

Hallo,
habe es jetzt hinbekommen, bis auf in der new_products_overview.html, dort zerhaut er mir die {$NAVIGATION_BAR}, die schiebt er komplett nach oben in die Spalten Ansicht mit rein.

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="new_products"}
<h1>{#heading_text#}</h1>
{* BOF - Hetfield - 2009-08-11 - show error message if no new products exist *}
{if $NO_NEW_PRODUCTS}<p>{$NO_NEW_PRODUCTS}</p>{/if}
{* EOF - Hetfield - 2009-08-11 - show error message if no new products exist *}

<div  align="left" style="float:left; width:260px; padding-top:5px; padding-left:2px; background-color:#FFFFFF;">
<table width="260" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0">
<tr valign="middle">
{foreach name=aussen item=module_data from=$module_content}
{php} $col++; {/php}
<td valign="top" height="190px">
<table   width="100%" border="0"   style="border:1px solid #40301E;" cellpadding="1" cellspacing="1">
<tr>
<td width="260" height="20" align="center" style="color:#333" bgcolor="#FEF3E0"><strong><a href="{$module_data.PRODUCTS_LINK}">{$module_data.PRODUCTS_NAME}</a></strong>
</td>
</tr>
</table>
<table  style="border:1px solid #40301E;">
<tr>
<td valign="middle" bgcolor="#FFFFFF" style="padding-right:0px;" height="190px">
{if $module_data.PRODUCTS_IMAGE}
<a href="{$module_data.PRODUCTS_LINK}"><img width="" src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}" /></a>{/if}
</td>
<td height="70" class="productPreviewContent">
<p class="price" align="right">{$module_data.PRODUCTS_PRICE}</p>
<p class="taxandshippinginfo" align="right">({$module_data.PRODUCTS_TAX_INFO}{$module_data.PRODUCTS_SHIPPING_LINK})</p>
{if $module_data.PRODUCTS_SHIPPING_NAME}
<p class="shippingtime"></p>
{if $module_data.PRODUCTS_SHIPPING_IMAGE}
<img src="{$module_data.PRODUCTS_SHIPPING_IMAGE}" alt="{$module_data.PRODUCTS_SHIPPING_NAME}"</div>
{/if}
{/if}
</td>
</tr>
</table>
<table width="260px"  style="border:1px solid #40301E;">
<tr>
<td  align="center" bgcolor="#FEF3E0">
<a href="{$module_data.PRODUCTS_LINK}">
<img src="{$tpl_path}buttons/{$language}/button_product_more.gif" alt="Details" border="0" /></a>
</td>
</tr>
</table>
</td>
{php} if ($col>=2) { $col=0;  echo '</tr><tr>'; }  {/php}
{/foreach}
</tr>
</table>
</div>
{$NAVIGATION_BAR}

Kann mir eventuell einer sagen was ich da genau falsch gemacht habe, ist ja mein erster komplett zusammen geschriebener Tabellen Code, und da denke ich sind bestimmt noch so einige Fehler drin.
Gruß
Micha

[koshiro]

Hallo,
habe jetzt auch den Fehler mit der Navigations Bar weg, aber bei einem Fehler komme ich nicht weiter, da ich noch nicht so gut bin was Tabellen angeht, denn er meckert das ich irgendwo die Tabelle nicht geschlossen habe oder, dass das Element noch nicht fertig ist.
Kann da eventuell jemand mal wenn er Zeit hat drauf schauen, der sich mit Tabellen auskennt.

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="new_products"}
<h1>{#heading_text#}</h1>

<div  align="left" style="float:left; width:260; padding-top:5px; padding-left:0px; padding-right:0px; background-color:#FFFFFF;">
<table width="260" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0">
<tr valign="middle">
{foreach name=aussen item=module_data from=$module_content}
{php} $col++; {/php}
<td valign="top" height="190">
<table   width="100%" border="0"   style="border:1px solid #40301E;" cellpadding="1" cellspacing="1">
<tr>
<td width="260" height="20" align="center" style="color:#333" bgcolor="#FEF3E0"><strong><a href="{$module_data.PRODUCTS_LINK}">{$module_data.PRODUCTS_NAME}</a></strong>
</td>
</tr>
</table>
<table  style="border:1px solid #40301E;">
<tr>
<td valign="middle" bgcolor="#FFFFFF" style="padding-right:0px;" height="190">
{if $module_data.PRODUCTS_IMAGE}
<a href="{$module_data.PRODUCTS_LINK}"><img width="" src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}" /></a>{/if}
</td>
<!--
<tr>
<td height="70" valign="top" align="center" bgcolor="#FFFFFF" style="padding:5px">
{if $module_data.PRODUCTS_SHORT_DESCRIPTION!=''}
{$module_data.PRODUCTS_SHORT_DESCRIPTION}
{else}
 
{/if}
</td>
</tr>
-->
<td height="70" class="productPreviewContent" style="background-image: url({$tpl_path}img/ornament.png); background-position: right bottom; background-repeat: no-repeat;">
<p class="price" align="right">{$module_data.PRODUCTS_PRICE}</p>
<p class="taxandshippinginfo" align="right">({$module_data.PRODUCTS_TAX_INFO}{$module_data.PRODUCTS_SHIPPING_LINK})</p>
{if $module_data.PRODUCTS_SHIPPING_NAME}
<p class="shippingtime"></p>
{if $module_data.PRODUCTS_SHIPPING_IMAGE}
<img src="{$module_data.PRODUCTS_SHIPPING_IMAGE}" alt="{$module_data.PRODUCTS_SHIPPING_NAME}"</div>
{/if}
{/if}
</td>
</tr>
</table>
<table width="260"  style="border:1px solid #40301E;">
<tr>
<td  align="center" bgcolor="#FEF3E0">
<a href="{$module_data.PRODUCTS_LINK}">
<img src="{$tpl_path}buttons/{$language}/button_product_more.gif" alt="Details" border="0" /></a>
</td>
</tr>
</table>
</td>
{php} if ($col>=2) { $col=0;  echo '</tr><tr>'; }  {/php}
{/foreach}
</tr>
</table>
</div>
{$NAVIGATION_BAR}

Ich sage schon mal danke.
Gruß
Micha

[Viol]

Hallo,
versuch es mal so:

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="new_products"}
<h1>{#heading_text#}</h1>

<div  align="left" style="float:left; width:260; padding-top:5px; padding-left:0px; padding-right:0px; background-color:#FFFFFF;">
<table width="260" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0">
<tr valign="middle">
{foreach name=aussen item=module_data from=$module_content}
{php} $col++; {/php}
<td valign="top" height="190"></td></tr></table>
<table   width="100%" border="0"   style="border:1px solid #40301E;" cellpadding="1" cellspacing="1">
<tr>
<td width="260" height="20" align="center" style="color:#333" bgcolor="#FEF3E0"><strong><a href="{$module_data.PRODUCTS_LINK}">{$module_data.PRODUCTS_NAME}</a></strong>
</td>
</tr>
</table>
<table  style="border:1px solid #40301E;">
<tr>
<td valign="middle" bgcolor="#FFFFFF" style="padding-right:0px;" height="190">
{if $module_data.PRODUCTS_IMAGE}
<a href="{$module_data.PRODUCTS_LINK}"><img width="" src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}" /></a>{/if}
</td>
<!--
<tr>
<td height="70" valign="top" align="center" bgcolor="#FFFFFF" style="padding:5px">
{if $module_data.PRODUCTS_SHORT_DESCRIPTION!=''}
{$module_data.PRODUCTS_SHORT_DESCRIPTION}
{else}
 
{/if}
</td>
</tr>
-->
<td height="70" class="productPreviewContent" style="background-image: url({$tpl_path}img/ornament.png); background-position: right bottom; background-repeat: no-repeat;">
<p class="price" align="right">{$module_data.PRODUCTS_PRICE}</p>
<p class="taxandshippinginfo" align="right">({$module_data.PRODUCTS_TAX_INFO}{$module_data.PRODUCTS_SHIPPING_LINK})</p>
{if $module_data.PRODUCTS_SHIPPING_NAME}
<p class="shippingtime"></p>
{if $module_data.PRODUCTS_SHIPPING_IMAGE}
<img src="{$module_data.PRODUCTS_SHIPPING_IMAGE}" alt="{$module_data.PRODUCTS_SHIPPING_NAME}"</div>
{/if}
{/if}
</td>
</tr>
</table>
<table width="260"  style="border:1px solid #40301E;">
<tr>
<td  align="center" bgcolor="#FEF3E0">
<a href="{$module_data.PRODUCTS_LINK}">
<img src="{$tpl_path}buttons/{$language}/button_product_more.gif" alt="Details" border="0" /></a>
</td>
</tr>
</table>
</td>
{php} if ($col>=2) { $col=0;  echo '</tr><tr>'; }  {/php}
{/foreach}
</tr>
</table>
</div>
{$NAVIGATION_BAR}
 

Ich habe es hier im Forum mit der Zeilenangabe kopiert, die muss natürlich wieder raus. Du siehst aber auch schnell die Veränderungen. Ich hoffe es klappt.

[EDIT Tomcraft: Zeilennummern entfernt, führt nur zu weiteren Fehlern.]

[koshiro]

Hallo,
danke für Deine Hilfe, aber wenn ich das so einsetze, dann zerhaut er mir das komplette Template.
Gruß
Micha

[koshiro]

Hallo,
so habe jetzt alle Fehler raus, und funktioniert alles einwandfrei.
Für meinen neuen Aqua Shop habe ich es sogar noch umgebaut auf CSS Basis.
Gruß
Micha

[ponyhof]

Deine Lösung, insbesondere die CSS Lösung wäre für einige hier bestimmt interessant. Unter anderem auch für mich

Also her damit !

[DJ-Ready]

Hat zwar nicht direkt was mit deinem (gelösten) Problem zu tun aber trozdem ... die TAB Taste sollte beim schreiben von Code dein bester Freund sein!
1. Hilft dir Einrückung dabei Übersicht zu behalten da öffnende und schliessende Tags damit viel leichter erkennbar werden und 2. kannst du dadurch auch viel schneller Code lesen.
Bei so einer Wall of Text würde ich mir persönlich nicht die Mühe machen da zu versuchen mich durchzulesen.