TEMPLATE: Artikelansicht zweispaltig & dreispaltig

[aaschwarz1]

Ich habs gleich, freu

[aaschwarz1]

Hey Franky,
ich danke dir für deine Geduld, und würde mich freuen wenn du noch einmal über folgenden Code schauen könntest. Dein Code von eben ist wie der erst den du mir geschickt hast. es werden nur die ersten beiden Artikel 2-Spaltig angezeigt, der rest ist in einer Spalte.

Dein Code etwas abgeändert, stimmt auch noch nicht ganz, vielleicht springt dir ja was ins Auge.

Code: CSS  [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 class="hrproductpreview"></div>
{php}$column = 1;{/php}
<table class="productPreview" width="100%" float="left" border="0" cellspacing="0" cellpadding="2">
  <tr>
    {foreach name=aussen item=module_data from=$module_content}
      <td>
        <table class="productPreview" width="50%" float="left" border="0" cellspacing="0" cellpadding="2">
          <tr>
            <td align="center" class="productPreviewImage">{if $module_data.PRODUCTS_IMAGE!=''}<a href="{$module_data.PRODUCTS_LINK}"><img src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}" class="productImageBorder" /></a>{else} {/if}</td>
          </tr>
          <tr>
            <td class="productPreviewContent">
              <h2><a href="{$module_data.PRODUCTS_LINK}">{$module_data.PRODUCTS_NAME}</a></h2>
              <p>{$module_data.PRODUCTS_SHORT_DESCRIPTION}</p>
              <p class="price">{$module_data.PRODUCTS_PRICE}</p><p class="taxandshippinginfo">( {$module_data.PRODUCTS_TAX_INFO}{$module_data.PRODUCTS_SHIPPING_LINK} )</p>
              {if $module_data.PRODUCTS_VPE}<p class="vpe">{$module_data.PRODUCTS_VPE}</p>{/if}
              {if $module_data.PRODUCTS_SHIPPING_NAME}
                <p class="shippingtime">
                  {#text_shippingtime#}
                  {if $module_data.PRODUCTS_SHIPPING_IMAGE}
                    <img src="{$module_data.PRODUCTS_SHIPPING_IMAGE}" alt="{$module_data.PRODUCTS_SHIPPING_NAME}" />
                  {/if}
                  {$module_data.PRODUCTS_SHIPPING_NAME}
                </p>
              {/if}
            </td>
          </tr>
        </table>
      </td>
      {php}
        if ($column == 2) {
          echo "</tr><tr>";
          $column = 1;
        }
        $column++;
      {/php}
    {/foreach}
  </tr>
</table>
<div clear="both"></div>
<div class="hrproductpreview"></div>
{$NAVIGATION_BAR}

[aaschwarz1]

Sorry, das war der eben von dir kopierte Code, jetzt mein abgeänderter!

Code: CSS  [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 class="hrproductpreview"></div>
{php}$column = 1;{/php}
<table class="productPreview" float="left" border="0" cellspacing="0" cellpadding="2">
  <tr>
{foreach name=aussen item=module_data from=$module_content}
<div style="float:left; width:260px; padding-top:5px; padding-left:2px; background-color:#FFFAF0;">
  <table width="258" style="border:0px solid #DDDDDD;" bgcolor="#FFFAF0" align="center" border="0" cellpadding="0" cellspacing="2">
    <tr valign="middle">
      <td valign="top" height="160px" style="border-bottom:5px solid #000000;">
        <table width="100%" border="0" cellpadding="0" cellspacing="0">
            <tr>
                <td align="center" height="20" style="color:#FFF" bgcolor="#8B101A"><strong>{$module_data.PRODUCTS_NAME}</strong></td>
    </tr>
            <tr>
                <td height="104" align="center" valign="middle" bgcolor="#FFFAF0" style="padding-right:0px;"><a href="{$module_data.PRODUCTS_LINK}">{$module_data.PRODUCTS_NAME}</a></h2>
            </td>
          </tr>
          <tr>
            <td align="center" class="productPreviewImage">{if $module_data.PRODUCTS_IMAGE!=''}<a href="{$module_data.PRODUCTS_LINK}"><img src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}" class="productImageBorder" /></a>{else} {/if}</td>
          </tr>
          <tr>
            <td class="productPreviewContent">
              <p>{$module_data.PRODUCTS_SHORT_DESCRIPTION}</p>
              <p class="price">{$module_data.PRODUCTS_PRICE}</p><p class="taxandshippinginfo">( {$module_data.PRODUCTS_TAX_INFO}{$module_data.PRODUCTS_SHIPPING_LINK} )</p>
              {if $module_data.PRODUCTS_VPE}<p class="vpe">{$module_data.PRODUCTS_VPE}</p>{/if}
              {if $module_data.PRODUCTS_SHIPPING_NAME}
                <p class="shippingtime">
                  {#text_shippingtime#}
                  {if $module_data.PRODUCTS_SHIPPING_IMAGE}
                    <img src="{$module_data.PRODUCTS_SHIPPING_IMAGE}" alt="{$module_data.PRODUCTS_SHIPPING_NAME}" />
                  {/if}
                  {$module_data.PRODUCTS_SHIPPING_NAME}
                </p>
              {/if}
            </td>
          </tr>
        </table>
      </td>
      {php}
        $column++;
        if ($column == 2) {
          echo "</tr><tr>";
          $column = 1;
        }
      {/php}
    {/foreach}
  </tr>
</table>
<div clear="both"></div>
<div class="hrproductpreview"></div>
{$NAVIGATION_BAR}

[franky_n]

Hallo Annika,

nö da fehlte die Hälfte...

Du musst drauf achten das jeder Anfangs <tag> auch ein End </tag> haben muss.
Das siehst Du durch die Einrückungen.
Wenn Du vertikal nach oben schaust im Quelltext siehst Du welcher Anfangstag mit welchem Endtag zusammen gehört, darum ist die Einrückung so wichtig....

Hier mal das File, das ist einfacher.

Viele Grüße

Franky

[aaschwarz1]

Da ist der Wurm drin:-)

Aber wir kommen den ganzen schon viel näher.

  [ Für Gäste sind keine Dateianhänge sichtbar ] [ Für Gäste sind keine Dateianhänge sichtbar ]

[franky_n]

Hallo Annika,

also so bringt das nix.
WIr wurschteln da beide gleichzeitig da drin rum und dann geht das echt einfach nur schief.
Laß mich erst das Grundgerüst für Dich bauen, danach machst Du den Style ja?

Viele Grüße

Franky

[aaschwarz1]

Hey Franky, das ist sehr nett von dir. Es tut mir auch wirklich sehr leid, dass ich euch damit die Nerven raube. Okay, ich halt mich erstmal zurück, freu mich auf dein Grundgerüst.

Liebe Grüße
Annika

[franky_n]

Hallo Annika,

sooo die erste Version.
Nur einbauen nichts dran ändern und sagen was Du siehst oder einen Screenshot machen.

Viele Grüße

Franky

[aaschwarz1]

Okay, ich habe nichts geändert.

  [ Für Gäste sind keine Dateianhänge sichtbar ]

[franky_n]

So Annika,

nächste Version.

Viele Grüße

Franky

[aaschwarz1]

Optisch hat sich nichts verändert

[franky_n]

Hallo Annika,

anbei die nächste Version.

Viele Grüße

Franky

[franky_n]

Hi Annika,

war noch ein Fehler drin. Sorry!

Diese hier probieren, dann müssten die Artikel wieder 2 spaltig erscheinen.

Viele Grüße

Franky

[aaschwarz1]

Hey Franky,
hier ein neues Bild

Liebe Grüße
Annika

  [ Für Gäste sind keine Dateianhänge sichtbar ]

[franky_n]

Hey Annika,

hier eine neue Version, jetzt sollte es 2spaltig sein.

Viele Grüße

Franky