TEMPLATE: Artikelansicht zweispaltig & dreispaltig

[Tomcraft]

Hehe... für die unterschiedlichen Bereich im Template sind unterschiedliche Dateien verantwortlich, hast du aber anscheinend nun selbst heraus gefunden, ansonsten: DOKU: Beschreibung der Template-Dateien

Grüße

Torsten

[Sak]

Hallo,
ich will mein Template auch auf 3 Spalten umbauen.
Allerdings hat meins garkeine new_products_default die ich ersetzten könnte.

Also stellt sich mir die Frage wo Kopier ich Sie hin? Kann mir das einer sagen?

danke und Gruß
Sak

[Nobody2405]

Hallo zusammen,

hab mir eben grade eure ganzen Beträge durchgelsen und versucht mit einigen davon mein Problem zu lösen!

Will wie so viele hier im Forum meine Artikel in zwei Spalten darstellen lassen, da ich aber mit mehr Text arbeite als die Hilfs-Dateien von Tomcraft hergeben, bringen dir mir leider nichts. Beim Umbauen von diesen Dateien hat mir das immer alles zerschossen. Nun bitte ich euch mal um Hilfe. So langsam sehe ich den Wald vor lauter Bäume nicht mehr.

Kann mir bitte einer diesen Code mal kontrollieren und mir sagen wo mein Fehler liegt.
Das Ziel: Die 2 Artikel sollen wie in der angehängten JPG-Datei nebeneinander und dann weiter die nächste.

Mein Ergebnis bisher: die Artikel alle untereinander aber mittig und nicht 2 nebeneinander.

Code: XML  [Auswählen]

{config_load file="$language/lang_$language.conf" section="new_products"}
<h1>{#heading_text#}</h1>
{foreach name=aussen item=module_data from=$module_content}
{php}$column = 1;{/php}
<table class="productPreview" width="100%" border="0" cellspacing="0" cellpadding="0">
  <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>
    <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}

                <p>{$module_data.PRODUCTS_BUTTON_BUY_NOW} <a href="{$module_data.PRODUCTS_LINK}"><img src="{$tpl_path}buttons/{$language}/button_product_more.gif" alt="Details" border="0" /></a></p>
        </td>
                 {php}
        if ($column == 2) {
          echo "</tr><tr>";
          $column = 1;
        }
        $column++;
      {/php}
    {/foreach}
  </tr>
</table>
<div class="hrproductpreview"></div>
 

Code: XML  [Auswählen]

 

Danke schon mal im Voraus für die Hilfe.

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

[franky_n]

Hallo Nobody2405,

versuche mal das:

Code: PHP  [Auswählen]

{foreach name=aussen item=module_data from=$module_content}
{php}$column = 1;{/php}
<table class="productPreview" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
 

anders herum also so:

Code: PHP  [Auswählen]

<table class="productPreview" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
   {php}$column = 1;{/php}
   {foreach name=aussen item=module_data from=$module_content}
 

Viele Grüße

Franky

[Nobody2405]

Servus Franky,

hat zwar nicht aufs erste Mal geklappt aber mit ner kleinen Änderung einfach nur TOP!

Merci dir!

Gruß Dominik

[franky_n]

Hallo Nobody2405,

poste kurz die Lösung damit andere was davon haben.
Dann ist der Forumsgedanke wieder rund!

Viele Grüße

Franky

[Nobody2405]

Damit das Forum wieder rund läuft und weiter leben kann kommt hier nun die Lösung,
aber gleich auch wieder die nächste Frage

Bin grade auf des nächste Problem gestoßen. Will die Buttons etwas weiter runter setzen, aber immer auf die gleiche Höhe. Sprich ich bräuchte einen Code für einen festen Abstand. Irgendwie bekomm ich den nicht fest. Liegt wohl daran das Freitag 17:30 ist und ich schon von nackten HTML-Codes träume

Code: XML  [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 }
                {if $CATEGORIES_IMAGE}<img src="{$CATEGORIES_IMAGE}" alt="{$CATEGORIES_NAME}" /><br />{/if}
                {if $CATEGORIES_DESCRIPTION}{$CATEGORIES_DESCRIPTION}<br />{/if}
        {/if}

        <div align="right">{if $MANUFACTURER_DROPDOWN || $SORTING_DROPDOWN}
                {if $MANUFACTURER_DROPDOWN}{$MANUFACTURER_DROPDOWN}<br />{/if}
                {if $SORTING_DROPDOWN}{$SORTING_DROPDOWN}<br />{/if}
{/if}</div>
{$NAVIGATION}
<div class="hrproductpreview"></div>
<table class="productPreview"  width="100%"  border="0"  cellspacing="0"  cellpadding="0">
  <tr>
   {php}$column = 1;{/php}
   {foreach name=aussen item=module_data from=$module_content}
    <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>
    <td class="productPreviewContent" height="250">
                <h2><a href="{$module_data.PRODUCTS_LINK}">{$module_data.PRODUCTS_NAME}</a></h2>
                <p>{$module_data.PRODUCTS_SHORT_DESCRIPTION}</p>
                <p class="price"> <font size="+1">{$module_data.PRODUCTS_PRICE}
          <span class="taxandshippinginfo">( {$module_data.PRODUCTS_TAX_INFO}{$module_data.PRODUCTS_SHIPPING_LINK} )</span></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}
        <p><a href="{$module_data.PRODUCTS_LINK}"><img src="{$tpl_path}buttons/{$language}/button_product_more.gif" alt="Details" border="0" /></a> {$module_data.PRODUCTS_BUTTON_BUY_NOW}<br /><br /></p>
        </td>
                 {php}
        if ($column>= 2) {
          echo "</tr><tr>";
          $column = 0;
        }
        $column++;
      {/php}
    {/foreach}
  </tr>
</table>
<div class="hrproductpreview"></div>
{$NAVIGATION}
 

Danke für Eure Hilfe

Gruss Dominik

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

[franky_n]

Hallo nobody2405,

also wenn Du hier zwischen diesen td´s:

Code: PHP  [Auswählen]

    <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}

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

noch mal einen kompletten <table> machst mit 3 tr und 3 td zur Unterteilung des Produktnamens, der Beschreibung und der Buttons und im mittleren td sagst das es 100% Höhe haben soll und die beiden anderen mit einer festen Höhe  definierst, sollte es wohl klappen.

PS: Mach den Quelltext bitte in PHP Tags ansonsten ist das nicht zu lesen. Den Post kannst Du noch innerhalb 1 Stunde verändern...

Viele Grüße

Franky

[Tomcraft]

Er brauch doch nur in Zeile 25:

Code: PHP  [Auswählen]

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

die Höhe von 250px auf beispielsweise 350px vergrößern, oder bin ich da gerade an der falschen Stelle? Kann es gerade nicht testen, die Demoshosp sind ja noch nicht wieder online.

Grüße

Torsten

[Nobody2405]

Danke Franky!
Deine Antwort birgt die Lösung!
Muss ich gleich mal wieder weiter pfuschen

Lösungsquellcode folgt noch und diesmal in der richtigen Darstellung.

@ Tomcraft grundsätzlich nicht falsch nur ich will, wie beschrieben, die Buttons auf gleicher Höher in variablen Abstand zu den drüber stehenden Artikelbeschreibungen aber in festen Abstand zur Ursprungshöhe des jeweiligen Artikel haben. Als Beispiel: Die Buttons von dem Artikel mit dem Zugspitze-Bild sollen auf die gleiche Höhe wie die Buttons von dem Bad Kissingen-Artikel.

Gruss Dominik

[Tomcraft]

Ah okay... sorry, das hatte ich übersehen.

Grüße

Torsten

[Sak]

Könnt ihr bei mir auch mal drüber gucken? Ich will auf 3 Artikel pro spalte.

Wo muß ich die new_products_default reinkopieren und was an der product_listing_v1 ändern?

Danke und viele Grüße

[Sak]

so jetzt aber mit Anhang:

[Tomcraft]

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

Grüße

Torsten

[Nobody2405]

So nun reichts.
Ich für meinen Teil flüchte ins Wochenende!

Vielleicht erbarmt sich ja mir einer über das WE und sagt mir den Fehler in folgendem Code:

Code: PHP  [Auswählen]

<center>{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 }
                {if $CATEGORIES_IMAGE}<img src="{$CATEGORIES_IMAGE}" alt="{$CATEGORIES_NAME}" /><br />
                {/if}
                {if $CATEGORIES_DESCRIPTION}{$CATEGORIES_DESCRIPTION}<br />
                {/if}
        {/if}

        <div align="right">{if $MANUFACTURER_DROPDOWN || $SORTING_DROPDOWN}
                {if $MANUFACTURER_DROPDOWN}{$MANUFACTURER_DROPDOWN}{/if}
                {if $SORTING_DROPDOWN}{$SORTING_DROPDOWN}{/if}

{$NAVIGATION}{/if}</div>
  <div class="hrproductpreview"></div>
<table class="productPreview"  width="100%"  border="0"  cellspacing="0"  cellpadding="0">
  <tr>
   {php}$column = 1;{/php}
   {foreach name=aussen item=module_data from=$module_content}
    <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>
    <td class="productPreviewContent">
        <table height="350"><tr><td height="300">
                <h2><a href="{$module_data.PRODUCTS_LINK}">{$module_data.PRODUCTS_NAME}</a></h2>
                <p>{$module_data.PRODUCTS_SHORT_DESCRIPTION}</p>
                <p class="price"> <font size="+1">{$module_data.PRODUCTS_PRICE}
          <span class="taxandshippinginfo">( {$module_data.PRODUCTS_TAX_INFO}{$module_data.PRODUCTS_SHIPPING_LINK} )</span></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>
        <tr><td height="100%">
        <p><a href="{$module_data.PRODUCTS_LINK}"><img src="{$tpl_path}buttons/{$language}/button_product_more.gif" alt="Details" border="0" /></a> {$module_data.PRODUCTS_BUTTON_BUY_NOW}<br /><br /></p></td></tr></table>
        </td>
                 {php}
        if ($column>= 2) {
          echo "</tr><tr>";
          $column = 0;
        }
        $column++;
      {/php}
    {/foreach}
  </tr>
</table>
<div class="hrproductpreview"></div>
{$NAVIGATION}</center>
 

Fehler ist folgender: Die Artikelbeschreibung wird mittig in dem td angezeigt und ich bekomm es heute nicht mehr gebacken des hoch zu setzen, so wie es eigentlich geplant war.

Danke an alle.
Ein schönes Wochenende bis Montag in alter Frische oder so

Gruß Dominik

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