TEMPLATE: Artikelansicht zweispaltig & dreispaltig

[tobimuc]

so sollte es aussehen, nur das die Buttons auf einer Ebene sind und zwar in Abhängikeit von dem längsten Text immer in einer Zeile:  Richtig Tricky      

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

[franky_n]

Hallo tobimuc,

es ist ein </tr><tr> zu wenig. Hab ich wohl falsch gemacht!

Code: PHP  [Auswählen]

<table height="100%">
  <tr>
    <td height="30px">
      <h2><a href="{$module_data.PRODUCTS_LINK}">{$module_data.PRODUCTS_NAME}</a></h2>
    </td>
  </tr>
  <tr>
    <td height="100%" valign="top">
      <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="30px">
      <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>

PS: Zeile 6&7 sind nur verändert bzw. dazu gekommen.

EDIT2: Könnte sein das diese Zeilen in einer Zeile stehen müssen damit die Buttons hintereinander sind.

Code: PHP  [Auswählen]

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

Viele Grüße

Franky

[tobimuc]

Guten Morgen Lieben Dank Franky es ist ne harte Nuss ich weiss...wenn ich überhaupt so gut wäre wie Du würde mir das schon reichen....Sollen wir tom morgen mal fragen?

Hier ist der aktuelle Code von mir mit Screenshot:

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

{/if}

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

{$NAVIGATION_TOP}{/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="350px"><tr><td height="300px" valign="top">
                <h2><a href="{$module_data.PRODUCTS_LINK}">{$module_data.PRODUCTS_NAME}</a></h2>
  </td>
 </tr>
  <tr>
<td height="100%" valign="top">
                <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>

[attachment=3]
[attachment=2]

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

[sabinchen]

Hallo sabinchen,

ja die zugefügten <br /> noch rausnehmen.

Und dann in der /templates/xtc5/stylesheet.css für jedes div eine Formatierung machen also so:

Code: CSS  [Auswählen]

.specials {
  margin-top: 10px;
  margin-bottom: 10px;
}
.newproducts {
  margin-top: 10px;
  margin-bottom: 10px;
}
.upcomingproducts {
  margin-top: 10px;
  margin-bottom: 10px;
}
 

Dann sollte es Dir oben und unten bei jedem Modul <div> einen Rand von 10px machen.... also Abstand insgesamt 20px von Modul zu Modul.

PS: Cache leeren etc. ist schon wichtig sonst klappt es evtl. nicht.

Viele Grüße

Franky

Guten Morgen Franky,

eiwei ... du hast wirklich eine Engelsgeduld ... danke dafür

... also ... ich hab jetzt alles geändert, bzw, nochmal überprüft, cache geleert ... wäääähhhhh, es tut nicht.

Die Dateien sehen jetzt so aus. Ich schreib jetzt mal auch den Pfad dazu, damit ich nicht wieder eine falsche Datei habe ...

templates\xtc5\module\main_content.html

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="index"}
{$MODULE_error}
<h1>{$title}</h1>
{if $MODULE_products_treadmill}{$MODULE_products_treadmill}{/if}

{if $MODULE_specials}
<div class="specials">{$MODULE_specials}</div>
{/if}

{if $MODULE_new_products}
<div class="newproducts">{$MODULE_new_products}</div>
{/if}

{if $MODULE_upcoming_products}
<div class="upcomingproducts">{$MODULE_upcoming_products}</div>
{/if}
 

/templates/xtc5/stylesheet.css

Code: CSS  [Auswählen]

.specials {
  margin-top: 10px;
  margin-bottom: 10px;
}
.newproducts {
  margin-top: 10px;
  margin-bottom: 10px;
}
.upcomingproducts {
  margin-top: 10px;
  margin-bottom: 10px;
}
 

Im Backend hab ich Templatecache und Cache geleert, im Verzeichnis hab ich Template_c die Dateien gelöscht ...   ...

ich war mir so sicher, dass es jetzt funktioniert  

[franky_n]

Hallo tobimuc,

so hier mal auf meinem Testsystem angetestet.
Sollte so klappen:

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}
    <br />
  {/if}
  <div align="right">
    {if $MANUFACTURER_DROPDOWN || $SORTING_DROPDOWN}
      {$NAVIGATION_TOP}
    {/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" height="100%">
          {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="100%">
          <table height="100%">
            <tr>
              <td height="50px" valign="top">
                <h2><a href="{$module_data.PRODUCTS_LINK}">{$module_data.PRODUCTS_NAME}</a></h2>
              </td>
            </tr>
            <tr>
              <td height="100%" valign="top">
                <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="25px">
                <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>

Viele Grüße

Franky

[franky_n]

Hallo sabinchen,

also auf der Startseite sollte es funktionieren.
Habe es gerade an einem Testsystem ausprobiert.

Hast Du die Werte in der sytlesheet mal auf z.B. 200px gestellt um es auszuprobieren?

Viele Grüße

Franky

[sabinchen]

Hallo Franky,

du bist echt ein ganz Unermüdlicher und Gold wert ... ich hab die Werte jetzt erhöht und siehe da ... der Abstand ist größer ... ich muss jetzt nur mal rumspielen, wann es "gut" aussieht ...

Vielen Dank für deine Hilfe ... jetzt kann ich wieder ein Häkchen auf meiner To-Do-Liste machen

einen schönen Sonntag wünscht
das Sabinchen

[sabinchen]

@Franky ...
guckst du dir bitte nochmal kurz meine Seite an?
http://www.reitsportartikel4you.de/index.php

Ich hab jetzt in der Stylesheet.css die von dir vorgeschlagenen 500px bei allen Dreien eingegeben ... d.h., die Abstände sollen überall GLEICH sein, oder? Sind sie aber nicht ...

Ich denke, ich werde das mit "Rumspielen" schon irgendwie hinbekommen, ich frag auch nur intressehalber, damit ich es verstehen kann und dazu lerne.

Soll ich "versuchshalber" für die Treatmill auch eine extra Klasse definieren und einbauen und dann mal gucken?

Liebe Grüße,
vom Sabinchen

[franky_n]

Hallo sabinchen,

dann wird wahrscheinlich in den Modulen was drin stehen mit Höhenangaben.
Bitte teste das selber aus mit der Threadmill.

Viele Grüße

Franky

[tobimuc]

Moin Sabine! was würden wir beide ohne Franky machen. Hammer das macht so viel Spass mit den Modulen...das einbauen ist nicht schwer im Prinzip...nur nicht vorhandene Features sind Tricky wenn man kein Coder ist. Ich sitze teilweise bis in die Nacht dran weil jedes Modul eine Heruasforderung ist.

Also der Code vom Franky ist genial oben in diesem Thread 100% READY !!! für eine optimale 2 spaltige Anzeige mit dynamischer Anpassung der Buttons an der längeren Kurzbeschreibung, damit die Buttons auf der gleichen Höhe angezeigt werden im linken und rechten Artikel. GEIL ODER  

Ich zeige hier nochmals einen fertigen Shot, sowie eine letzte Frage zum Abschluss dann kann das Thema beendet werden...ich habe den Code auch in die new Products natürlich eingebaut aber den "break" br nicht gefunden, das ich mit der Kurzbeschreibung auf die rote Linie komme also nur 1 Zeile höher bitte? Ganz lieben Dank für einen Hinweis, wenn ich euch nicht hätte bzw. wir Dich Franky  
 

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

[franky_n]

Hallo tobimuc,

hier ist die Höhe der Überschrift angegeben:

Code: PHP  [Auswählen]

            <tr>
              <td height="50px" valign="top">
                <h2><a href="{$module_data.PRODUCTS_LINK}">{$module_data.PRODUCTS_NAME}</a></h2>
              </td>
            </tr>

das:

Code: PHP  [Auswählen]

              <td height="50px" valign="top">

ändern in z.B.:

Code: PHP  [Auswählen]

              <td height="30px" valign="top">

dann wird der Platz der Überschrift kleiner.

Viele Grüße

Franky

[tobimuc]

FERTIG Endergebnis für alle modified eCommerce Shopsoftware'ler! Man könnte das natürlich noch steigern das die Preiszeile auch auf einer Höhe ist mit dem anderen Artikel, aber ich denke damit kann man auch leben. Es ändert sich ja immer nur die Kurzbeschreibung. Wäre das technisch eigentlich auch möglich Franky den Preis auf die gleiche Höhe zu bekommen und so eine Trennlinie einzubauen (siehe blaue Strichlinie)...das wäre der Oberhammer dann würde das Auge durch diese Linie nicht so viel auf einmal wahrnehmen und es wirkt alles aufgeräumter, was hältst Du davon?

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

[franky_n]

Hallo tobimuc,

wo ist das Problem?

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}
    <br />
  {/if}
  <div align="right">
    {if $MANUFACTURER_DROPDOWN || $SORTING_DROPDOWN}
      {$NAVIGATION_TOP}
    {/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" height="100%">
          {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="100%">
          <table height="100%">
            <tr>
              <td height="50px" valign="top">
                <h2><a href="{$module_data.PRODUCTS_LINK}">{$module_data.PRODUCTS_NAME}</a></h2>
              </td>
            </tr>
            <tr>
              <td height="100%" valign="top">
                <p>{$module_data.PRODUCTS_SHORT_DESCRIPTION}</p>
              </td>
            </tr>
            <tr>
              <td height="50px" valign="top">
                <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="25px">
                <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>

Viele Grüße

Franky

[tobimuc]

Fraaankyy Many Thanks...the Perfect Solution!    

Morgen wird mein Kollege noch so eine Trennlinie unter jeweils 2 Artikeln einbauen und dann ist es vollbracht mit Deiner Hilfe gestern und Heute! Herzlichen Dank meine Wunschlösung ist READY das hätte ich nie für möglich gehalten wenn man kein Profi Coder ist.

So sieht es dann morgen aus mit der Linie damit das Auge jeweils einfacher immer 2 erfassen kann  ...SUPER!

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

[Sak]

  (Dateianhang Link)

Grüße

Torsten

Ah mist, danke.

Jetzt sollte es aber gehen.